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.