Tercih ederseniz, One Tap istemini tetiklemek veya Google ile Oturum Aç düğmesini oluşturmak için yalnızca JavaScript kodunu kullanabilirsiniz.
JavaScript'te One Tap istemini yapılandırmak için önce initialize() yöntemini çağırmanız gerekir. Ardından, istem kullanıcı arayüzünü görüntülemek için prompt() yöntemini çağırın. Aşağıdaki kod snippet'ini inceleyin:
<script>
window.onload = function () {
google.accounts.id.initialize({
client_id: 'YOUR_GOOGLE_CLIENT_ID',
callback: handleCredentialResponse
});
google.accounts.id.prompt();
}
</script>
Anında kullanıcı arayüzü durumu bildirimleri almak için prompt() yöntemine bir geri çağırma işlevi sağlayın. Aşağıdaki kod snippet'ini inceleyin:
<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>
Aşağıdaki örnek kod, JavaScript'te hem One Tap hem de Google ile Oturum Açma düğmesinin nasıl oluşturulacağını gösterir.
<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>