Exibir Google One Tap

Coloque o snippet de código a seguir nas páginas em que você quer exibir o Google One Toque:

<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. Você pode adicionar atributos de dados personalizados, que são enviados ao endpoint de login com o token de ID recuperado do Google.

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

Não cubra o Google One Tap

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

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

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