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

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

วัตถุประสงค์: หากขั้นตอนการเข้าสู่ระบบเริ่มต้นไม่เป็นไปตามข้อกําหนด คุณจะปรับแต่งได้หลายวิธี อ่านข้อมูลต่อไปนี้เพื่อดูตัวเลือกการปรับแต่งที่ใช้ได้

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

หรือแสดง "One Tap" ในองค์ประกอบคอนเทนเนอร์เพื่อเปลี่ยนตำแหน่งของข้อความแจ้ง วิธีการคือระบุรหัส DOM ขององค์ประกอบคอนเทนเนอร์ในแอตทริบิวต์ data-prompt_parent_id

คำเตือน: อย่าซ่อนเนื้อหาข้อความแจ้งใดๆ ของ One Tap อย่าปิดบังความรู้สึกว่า ข้อความแจ้งของ One Tap นั้นมาจาก Google iframe มิเช่นนั้น อาจมีการระงับโปรเจ็กต์ บัญชีถูกระงับ หรือทั้ง 2 อย่าง

ตัวอย่างโค้ดต่อไปนี้จะใช้องค์ประกอบ 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 ในเว็บเบราว์เซอร์บนอุปกรณ์เคลื่อนที่