Tempatkan cuplikan kode berikut ke halaman mana pun tempat Anda ingin menampilkan Google One Ketuk:
<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>
Atribut data-login_uri adalah URI endpoint login aplikasi web Anda sendiri. Anda dapat menambahkan atribut data kustom yang dikirim ke endpoint login dengan token ID yang diambil dari Google.
Untuk mengetahui daftar lengkap atribut data, lihat halaman Referensi g_id_onload.
Jangan Menutupi Google One Ketuk
Bagian ini hanya berlaku jika FedCM dinonaktifkan, dan saat FedCM diaktifkan, browser akan menampilkan perintah pengguna di bagian atas konten halaman.
Untuk memastikan pengguna akhir melihat semua informasi yang ditampilkan, Google One Tap tidak boleh dicakup oleh konten lainnya. Jika tidak, jendela pop-up dapat dipicu dalam beberapa kasus.
Periksa kembali tata letak halaman dan properti indeks z elemen, untuk memastikan Google One Tap tidak tertutup oleh konten lainnya kapan saja. Perubahan alur UX dapat dipicu meskipun hanya satu piksel di batas yang tertutup.