इस रेफ़रंस पेज में बताया गया है कि इंटरमीडिएट iframe को एचटीएमएल पेजों में कैसे लोड किया जाए.
इंटरमीडिएट Iframe JavaScript लाइब्रेरी को लोड करें
इन कोड स्निपेट को ऐसे किसी भी एचटीएमएल पेज में डालें जिसे आपको Google One पर दिखाने के लिए टैप करना है:
<script src="https://accounts.google.com/gsi/intermediate"></script>
एचटीएमएल एपीआई
आपके पास इंटरमीडिएट 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" आईडी वाला एलिमेंट
आप चाहें, तो <div>
और <span>
जैसे किसी भी दिखने वाले या नहीं दिखने वाले एलिमेंट में, इंटरमीडिएट iframe डेटा एट्रिब्यूट जोड़ दें. सिर्फ़ एलिमेंट का आईडी, g_id_intermediate_iframe
पर सेट होना चाहिए. इस आईडी को एक से ज़्यादा
एलिमेंट में न डालें.
यहां दी गई टेबल में, डेटा के एट्रिब्यूट को उनके ब्यौरे के साथ लिस्ट किया गया है:
एट्रिब्यूट | |
---|---|
data-src |
आपके One Tap इंटरमीडिएट iframe का यूआरआई |
data-done |
One Tap UX के पूरा हो जाने पर ट्रिगर होने वाला JavaScript कॉलबैक तरीका. |
डेटा-src
यह एट्रिब्यूट आपके One Tap की सुविधा वाले इंटरमीडिएट iframe का यूआरआई है. ज़्यादा जानकारी के लिए यह टेबल देखें:
टाइप | ज़रूरी है | उदाहरण |
---|---|---|
स्ट्रिंग | हां | data-src="https://example.com/onetap_iframe.html" |
डेटा किया गया
यह एट्रिब्यूट एक JavaScript कॉलबैक तरीका है, जो One Tap UX होने के बाद ट्रिगर होता है.
डिफ़ॉल्ट रूप से, One Tap UX पूरा होने पर कॉन्टेंट पेज फिर से लोड होता है. अपने हिसाब से किया गया कॉलबैक देकर, डिफ़ॉल्ट व्यवहार को बदला जा सकता है. ज़्यादा जानकारी के लिए नीचे दी गई टेबल देखें:
टाइप | ज़रूरी है | उदाहरण |
---|---|---|
फ़ंक्शन | ज़रूरी नहीं | data-done="onOneTapSuccess" |
JavaScript एपीआई
JavaScript के तरीके को कॉल करके, इंटरमीडिएट iframe को लोड किया जा सकता है.
तरीका: google.accounts.id.InitializeIntermediate
google.accounts.id.initializeIntermediate
तरीका, कॉन्फ़िगरेशन ऑब्जेक्ट के आधार पर इंटरमीडिएट
iframe को लोड करता है. तरीके का यह कोड उदाहरण देखें:
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
यहां दी गई टेबल में, फ़ील्ड की जानकारी के साथ उनकी सूची दी गई है:
फ़ील्ड | |
---|---|
src |
आपके One Tap इंटरमीडिएट iframe का यूआरआई |
done |
One Tap UX के होने पर ट्रिगर होने वाला JavaScript कॉलबैक तरीका. |
स्रोत
यह फ़ील्ड आपके One Tap इंटरमीडिएट iframe का यूआरआई है. ज़्यादा जानकारी के लिए यह टेबल देखें:
टाइप | ज़रूरी है | उदाहरण |
---|---|---|
स्ट्रिंग | हां | src: "https://example.com/onetap_iframe.html" |
done
यह फ़ील्ड JavaScript कॉलबैक का तरीका है, जो One Tap UX पूरा हो जाने के बाद ट्रिगर होता है.
डिफ़ॉल्ट रूप से, One Tap UX पूरा होने पर कॉन्टेंट पेज फिर से लोड होता है. अपने हिसाब से किया गया कॉलबैक देकर, डिफ़ॉल्ट व्यवहार को बदला जा सकता है. ज़्यादा जानकारी के लिए नीचे दी गई टेबल देखें:
टाइप | ज़रूरी है | उदाहरण |
---|---|---|
फ़ंक्शन | ज़रूरी नहीं | done: onOneTapSuccess |