Se preferir, use apenas o código JavaScript para acionar a solicitação de um toque ou renderizar o botão "Fazer login com o Google".
Para configurar a solicitação "Um toque" no JavaScript, primeiro é necessário chamar o
método initialize(). Em seguida, chame o método prompt() para exibir a IU
da solicitação. Veja 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 de IU, forneça uma função de callback para o
método prompt(). Veja 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 "Fazer um toque" e "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>