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