แสดง 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 ให้เป็นแบบอินเทอร์แอกทีฟและสร้าง โค้ด

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

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

โปรดตรวจสอบการจัดวางหน้าเว็บและองค์ประกอบอีกครั้ง' พร็อพเพอร์ตี้ z-index เพื่อให้แน่ใจว่า Google One Tap ไม่ครอบคลุมเนื้อหาอื่นๆ ได้ตลอดเวลา การเปลี่ยนแปลงโฟลว์ UX อาจทริกเกอร์แม้ว่าจะมีการครอบคลุมพิกเซลเพียงพิกเซลเดียวก็ตาม

ประเด็นหลัก: ห้ามปิดบัง Google One Tap โดยเนื้อหาอื่นๆ

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