เปลี่ยนตำแหน่งข้อความแจ้งของ One Tap

โดยค่าเริ่มต้น ข้อความแจ้งการชำระเงินแบบไม่ต้องสัมผัสจะแสดงที่มุมขวาบนของหน้าต่างเว็บเบราว์เซอร์ในเดสก์ท็อป เมื่อใช้ FedCM เบราว์เซอร์จะควบคุมตําแหน่งพรอมต์ได้อย่างเต็มที่ ดังนั้น ระบบจึงไม่รองรับเลย์เอาต์ที่กำหนดเอง

หรือแสดงการแตะครั้งเดียวภายในองค์ประกอบคอนเทนเนอร์เพื่อเปลี่ยนตำแหน่งพรอมต์ โดยระบุรหัส DOM ขององค์ประกอบคอนเทนเนอร์ในแอตทริบิวต์ 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 ในเว็บเบราว์เซอร์บนอุปกรณ์เคลื่อนที่