Tempatkan cuplikan kode berikut ke halaman mana pun tempat Anda ingin Google One Tap ditampilkan:
<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 Tutupi Google One Tap
Bagian ini hanya berlaku jika FedCM dinonaktifkan, ketika FedCM diaktifkan browser menampilkan perintah pengguna di atas konten halaman.
Untuk memastikan pengguna akhir melihat semua informasi yang ditampilkan, Google One Tap harus tidak tercakup dalam konten lainnya. Jika tidak, jendela pop-up mungkin dipicu dalam beberapa kasus.
Periksa ulang tata letak halaman dan properti z-index elemen, untuk memastikan Google One Tap tidak tertutup oleh konten lain kapan saja. Alur UX perubahan dapat dipicu meskipun hanya satu piksel dalam batas yang tercakup.