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

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

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

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

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

चेतावनी: 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 एट्रिब्यूट को अनदेखा किया जाता है.