แสดง Google One Tap

วางข้อมูลโค้ดต่อไปนี้ลงในหน้าเว็บที่คุณต้องการให้แสดง Google One Tap

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-your_own_param_1_to_login="any_value"
     data-your_own_param_2_to_login="any_value">
</div>

แอตทริบิวต์ data-login_uri คือ URI ของปลายทางการเข้าสู่ระบบของเว็บแอปของคุณเอง คุณเพิ่มแอตทริบิวต์ข้อมูลที่กำหนดเอง ซึ่งจะส่งไปยังปลายทางการเข้าสู่ระบบด้วยโทเค็นรหัสที่ Google ดึงมาได้

ดูรายการแอตทริบิวต์ข้อมูลทั้งหมดได้ที่หน้าข้อมูลอ้างอิงของ g_id_onload

อย่าปิดบัง Google One Tap

ส่วนนี้จะใช้ได้ก็ต่อเมื่อปิดใช้ FedCM เท่านั้น เมื่อเปิดใช้ FedCM เบราว์เซอร์จะแสดงข้อความแจ้งของผู้ใช้ที่ด้านบนของเนื้อหาในหน้า

เพื่อให้แน่ใจว่าผู้ใช้ปลายทางจะเห็นข้อมูลทั้งหมดที่แสดง เนื้อหาอื่นๆ ของ Google One Tap ต้องไม่บดบัง Google One Tap มิเช่นนั้น หน้าต่างป๊อปอัปอาจทำงาน ในบางกรณี

ตรวจสอบเลย์เอาต์หน้าเว็บและพร็อพเพอร์ตี้ดัชนีลำดับ Z ของเอลิเมนต์อีกครั้งเพื่อให้แน่ใจว่า ไม่มีเนื้อหาอื่นๆ บัง Google One Tap อยู่เลย ระบบอาจทริกเกอร์การเปลี่ยนแปลงขั้นตอน UX แม้ว่าจะปกปิดเพียงพิกเซลเดียวในเส้นขอบ