วางข้อมูลโค้ดต่อไปนี้ลงในหน้าเว็บที่ต้องการแสดง 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
ส่วนนี้จะมีผลเฉพาะเมื่อ FedCM ถูกปิดใช้งาน เมื่อเปิดใช้งาน FedCM เบราว์เซอร์จะแสดงข้อความแจ้งของผู้ใช้ที่ด้านบนของเนื้อหาหน้าเว็บ
เพื่อให้แน่ใจว่าผู้ใช้ปลายทางจะเห็นข้อมูลทั้งหมดที่แสดง Google One Tap ไม่อยู่ในเนื้อหาอื่น มิเช่นนั้น ระบบอาจทริกเกอร์หน้าต่างป๊อปอัปในบางกรณี
ตรวจสอบเลย์เอาต์และองค์ประกอบของหน้าเว็บอีกครั้ง ดัชนี z เพื่อให้แน่ใจว่า เนื้อหาอื่นๆ ไม่ครอบคลุม Google One Tap ตลอดเวลา ขั้นตอนของ UX ก็อาจถูกเรียกได้แม้ว่าจะครอบคลุมเพียงพิกเซลเดียวในขอบพรมแดน