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.