Usar a API JavaScript

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>