One Tap की सुविधा के अनुरोध की जगह बदलना

चेतावनी: जब One Tap की सुविधा को FedCM API का इस्तेमाल करने के लिए माइग्रेट किया जाता है, तो ब्राउज़र, One Tap प्रॉम्प्ट के साइज़ और उसकी पोज़िशन को कंट्रोल करता है. पसंद के मुताबिक क्रम तय करने की सुविधा काम नहीं करती. One Tap के नए इंटिग्रेशन के लिए, आपको प्रॉम्प्ट की जगह को पसंद के मुताबिक नहीं बनाना चाहिए. मौजूदा इंटिग्रेशन के लिए, डेटा को दूसरी जगह भेजने से जुड़ी गाइड देखें और ज़रूरत पड़ने पर अपने ऐप्लिकेशन को अपडेट करें.

मकसद: अगर डिफ़ॉल्ट लॉगिन फ़्लो आपकी ज़रूरी शर्तों को पूरा नहीं करता है, तो इसे कई तरीकों से अपनी पसंद के मुताबिक बनाया जा सकता है. पसंद के मुताबिक उपलब्ध विकल्पों के बारे में जानने के लिए, नीचे दी गई जानकारी पढ़ें.

डिफ़ॉल्ट रूप से, One Tap की सुविधा का प्रॉम्प्ट, डेस्कटॉप वेब ब्राउज़र विंडो के सबसे ऊपर दाएं कोने में दिखता है. FedCM का इस्तेमाल करने पर, ब्राउज़र प्रॉम्प्ट की जगह को पूरी तरह से कंट्रोल करता है. इसलिए, पसंद के मुताबिक लेआउट का इस्तेमाल नहीं किया जाता.

अगर ऐसा नहीं है, तो प्रॉम्प्ट की जगह बदलने के लिए, कंटेनर एलिमेंट के अंदर One Tap दिखाएं. ऐसा करने के लिए, data-prompt_parent_id एट्रिब्यूट में कंटेनर एलिमेंट के DOM आईडी के बारे में बताएं.

चेतावनी: One Tap के प्रॉम्प्ट वाला कॉन्टेंट न छिपाएं. इस धारणा को न छिपाएं कि One Tap की सुविधा से जनरेट किया गया कॉन्टेंट, Google iframe से है. ऐसा न करने पर, प्रोजेक्ट निलंबित हो सकता है, खाता निलंबित किया जा सकता है या दोनों ही कार्रवाइयां की जा सकती हैं.

इस उदाहरण में दिया गया कोड, कंटेनर एलिमेंट के तौर पर g_id_onload एलिमेंट का फिर से इस्तेमाल करता है. साथ ही, एक तय जगह पर One Tap की सुविधा का प्रॉम्प्ट दिखाता है:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-prompt_parent_id="g_id_onload"
     style="position: absolute; top: 100px; right: 30px;
            width: 0; height: 0; z-index: 1001;">
</div>

data-prompt_parent_id एट्रिब्यूट को मोबाइल वेब ब्राउज़र पर अनदेखा कर दिया जाता है.