แสดง 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 เพื่อให้ผู้ใช้ปลายทางเห็นข้อมูลที่แสดงทั้งหมด มิเช่นนั้น ระบบอาจทริกเกอร์หน้าต่างป๊อปอัปในบางกรณี

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