Exibir Google One Tap

Coloque o snippet de código abaixo em todas as páginas em que você quer que o Google One Tap seja exibido:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-your_own_param_1_to_login="any_value"
     data-your_own_param_2_to_login="any_value">
</div>

O atributo data-login_uri é o URI do endpoint de login do seu próprio app da Web. É possível adicionar atributos de dados personalizados, que são enviados ao endpoint de login com o token de ID recuperado do Google.

Para ver a lista completa de atributos de dados, consulte a página de referência do g_id_onload.

Não cobrir o Google One Tap

Esta seção só se aplica quando o FedCM está desativado. Quando ele está ativado, o navegador mostra solicitações ao usuário na parte de cima do conteúdo da página.

Para garantir que os usuários finais vejam todas as informações exibidas, o Google One Tap não pode ser coberto por nenhum outro conteúdo. Caso contrário, janelas pop-up podem ser acionadas em alguns casos.

Verifique novamente o layout da página e as propriedades de z-index dos elementos para garantir que o Google One Tap não seja coberto por nenhum outro conteúdo a qualquer momento. Fluxo de UX a alteração pode ser acionada mesmo quando apenas um único pixel nas bordas é coberto.