Se preferir, use apenas o código JavaScript para acionar o comando de um toque ou renderizar o botão "Fazer login com o Google".
Para configurar o comando de um toque no JavaScript, primeiro chame o
método initialize()
. Em seguida, chame o método prompt()
para mostrar a interface
do comando. Confira o snippet de código a seguir:
<script>
window.onload = function () {
google.accounts.id.initialize({
client_id: 'YOUR_GOOGLE_CLIENT_ID ',
callback: handleCredentialResponse
});
google.accounts.id.prompt();
}
</script>
Para receber notificações de status da IU do prompt, forneça uma função de callback para o
método prompt()
. Confira o snippet de código a seguir:
<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>
O exemplo de código abaixo mostra como renderizar o botão "One Tap" e o botão "Fazer login com o Google" em 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>