Tempatkan cuplikan kode berikut ke dalam halaman tempat Anda ingin menampilkan 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>
Atribut data-login_uri adalah URI endpoint login aplikasi web Anda sendiri. Anda dapat menambahkan atribut data khusus, 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 Tutupi Google One Tap
Bagian ini hanya berlaku jika FedCM dinonaktifkan. Jika FedCM diaktifkan, browser akan menampilkan perintah pengguna di atas konten halaman.
Untuk memastikan pengguna akhir melihat semua informasi yang ditampilkan, Google One Tap tidak boleh tertutupi oleh konten lain. Jika tidak, jendela pop-up mungkin dipicu dalam beberapa kasus.
Periksa kembali tata letak halaman dan properti z-index elemen, untuk memastikan Google One Tap tidak tertutup oleh konten lain kapan saja. Perubahan alur UX dapat dipicu meskipun hanya satu piksel di batas yang tercakup.