Jika diinginkan, Anda hanya dapat menggunakan kode JavaScript untuk memicu perintah Sekali Ketuk atau merender tombol Login dengan Google.
Untuk mengonfigurasi perintah Sekali Ketuk di JavaScript, Anda harus memanggil
metode initialize() terlebih dahulu. Kemudian, panggil metode prompt() untuk menampilkan UI
perintah. Lihat cuplikan kode berikut:
<script>
window.onload = function () {
google.accounts.id.initialize({
client_id: 'YOUR_GOOGLE_CLIENT_ID',
callback: handleCredentialResponse
});
google.accounts.id.prompt();
}
</script>
Untuk menerima notifikasi status UI yang cepat, berikan fungsi callback ke metode prompt(). Lihat cuplikan kode berikut:
<script>
window.onload = function () {
google.accounts.id.initialize({
client_id: 'YOUR_GOOGLE_CLIENT_ID',
callback: handleCredentialResponse
});
google.accounts.id.prompt((notification) => {
if (notification.isNotDisplayed() || notification.isSkippedMoment()) {
// try next provider if OneTap is not displayed or skipped
}
});
}
</script>
Kode contoh di bawah menunjukkan cara merender tombol Sekali Ketuk dan Login dengan Google di JavaScript.
<script>
window.onload = function () {
google.accounts.id.initialize({
client_id: 'YOUR_GOOGLE_CLIENT_ID',
callback: handleCredentialResponse
});
const parent = document.getElementById('google_btn');
google.accounts.id.renderButton(parent, {theme: "filled_blue"});
google.accounts.id.prompt();
}
</script>