Tempatkan cuplikan kode berikut ke 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 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 Menutup Google Sekali 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 Anda, untuk memastikan Google One Tap tidak selalu tertutup oleh konten lain. Perubahan alur UX dapat dipicu meskipun hanya satu piksel dalam batas yang tertutup.