इंटरमीडिएट Iframe API का रेफ़रंस

इस रेफ़रंस पेज में, एचटीएमएल पेजों में इंटरमीडियरी iframe लोड करने का तरीका बताया गया है.

इंटरमीडियरी iframe JavaScript लाइब्रेरी लोड करना

नीचे दिए गए कोड स्निपेट को ऐसे एचटीएमएल पेजों में डालें जिन्हें आपको Google One पर टैप करके दिखाना है:

<script src="https://accounts.google.com/gsi/intermediate"></script>

HTML API

इंटरमीडिएट iframe को लोड करने के लिए, g_id_intermediate_iframe पर सेट किए गए आईडी एट्रिब्यूट के साथ एचटीएमएल एलिमेंट शामिल करें. कोड स्निपेट का यह उदाहरण देखें:

<script src="https://accounts.google.com/gsi/intermediate"></script>
<div id="g_id_intermediate_iframe"
     data-src="https://example.com/onetap_iframe.html">
</div>

आईडी "g_id_intermediate_iframe" वाला एलिमेंट

इंटरमीडिएट iframe डेटा एट्रिब्यूट को <div> और <span> जैसे दिखने वाले या न दिखने वाले एलिमेंट में डाला जा सकता है. ज़रूरी है कि एलिमेंट आईडी g_id_intermediate_iframe पर सेट हो. इस आईडी को एक से ज़्यादा एलिमेंट पर न डालें.

यहां दी गई टेबल में, डेटा एट्रिब्यूट और उनके ब्यौरे दिए गए हैं:

data-src

यह एट्रिब्यूट, One Tap इंटरमीडियरी iframe का यूआरआई है. ज़्यादा जानकारी के लिए, यहां दी गई टेबल देखें:

data-done

यह एट्रिब्यूट, JavaScript कॉलबैक का एक तरीका है. यह तब ट्रिगर होता है, जब One Tap यूज़र एक्सपीरियंस (यूएक्स) पूरा हो जाता है.

डिफ़ॉल्ट रूप से, One Tap UX पूरा होने पर कॉन्टेंट पेज फिर से लोड हो जाता है. 'हो गया' कॉलबैक करके, डिफ़ॉल्ट तरीके को बदला जा सकता है. ज़्यादा जानकारी के लिए, यहां दी गई टेबल देखें:

JavaScript API

JavaScript के किसी तरीके को कॉल करके, इंटरमीडियरी iframe को लोड किया जा सकता है.

तरीका: google.accounts.id.initializeIntermediate

google.accounts.id.initializeIntermediate तरीका, कॉन्फ़िगरेशन ऑब्जेक्ट के आधार पर इंटरमीडिएट इंटरफ़्रेम लोड करता है. इस तरीके का कोड उदाहरण देखें:

google.accounts.id.initializeIntermediate(IntermediateConfig)

यहां दिए गए कोड के उदाहरण में, onload फ़ंक्शन के साथ google.accounts.id.initializeIntermediate तरीका लागू किया गया है:

<script>
  window.onload = function () {
    google.accounts.id.initializeIntermediate({
      src: 'https://example.com/intermediate'
    });
  };
</script>

डेटा टाइप: IntermediateConfig

नीचे दी गई टेबल में, फ़ील्ड के साथ उनके ब्यौरे दिए गए हैं:

स्रोत

यह फ़ील्ड, One Tap इंटरमीडियरी iframe का यूआरआई है. ज़्यादा जानकारी के लिए, यहां दी गई टेबल देखें:

done

यह फ़ील्ड JavaScript कॉलबैक का तरीका है, जिसे One Tap UX के पूरा होने पर ट्रिगर किया जाता है.

डिफ़ॉल्ट रूप से, One Tap UX पूरा होने पर कॉन्टेंट पेज फिर से लोड हो जाता है. 'हो गया' कॉलबैक करके, डिफ़ॉल्ट तरीके को बदला जा सकता है. ज़्यादा जानकारी के लिए, यहां दी गई टेबल देखें: