डिफ़ॉल्ट रूप से, One Tap की सुविधा का प्रॉम्प्ट, डेस्कटॉप वेब ब्राउज़र विंडो के सबसे ऊपर दाएं कोने में दिखता है. FedCM का इस्तेमाल करने पर, ब्राउज़र प्रॉम्प्ट की जगह को पूरी तरह से कंट्रोल करता है. इसलिए, पसंद के मुताबिक लेआउट का इस्तेमाल नहीं किया जाता.
अगर ऐसा नहीं है, तो प्रॉम्प्ट की जगह बदलने के लिए, कंटेनर एलिमेंट के अंदर One Tap दिखाएं.
ऐसा करने के लिए, data-prompt_parent_id
एट्रिब्यूट में कंटेनर एलिमेंट के DOM आईडी के बारे में बताएं.
इस उदाहरण में दिया गया कोड, कंटेनर एलिमेंट के तौर पर 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
एट्रिब्यूट को मोबाइल वेब ब्राउज़र पर अनदेखा कर दिया जाता है.