Mudar a posição da solicitação com um toque

Aviso: quando o recurso "Um toque" migra para usar a API FedCM, o navegador controla o tamanho e a posição do comando "Um toque". Posições personalizadas não são aceitas. Para a nova integração com o recurso "Um toque", não é necessário personalizar a posição do comando. Para integrações existentes, consulte o guia de migração e atualize o app, se necessário.

Objetivo: se o fluxo de login padrão não atender aos seus requisitos, você poderá personalizá-lo de várias maneiras. Leia as informações a seguir para conhecer as opções de personalização disponíveis.

Por padrão, a solicitação do One Tap aparece no canto superior direito das janelas do navegador da Web para computador. Quando o FedCM é usado, o navegador controla totalmente a localização do comando. Portanto, não há suporte para layouts personalizados.

Caso contrário, mostre o recurso Um toque em um elemento de contêiner para mudar a posição do comando. Para fazer isso, especifique o ID do DOM do elemento do contêiner no atributo data-prompt_parent_id.

Aviso: não oculte nenhum conteúdo do comando de um toque. Não obscureça a percepção de que o conteúdo do comando de um toque é de um iframe do Google. Não fazer isso pode resultar na suspensão do projeto, na suspensão da conta ou em ambos.

O exemplo de código a seguir reutiliza o elemento g_id_onload como elemento de contêiner e mostra a solicitação de um toque na posição especificada:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-prompt_parent_id="g_id_onload"
     style="position: absolute; top: 100px; right: 30px;
            width: 0; height: 0; z-index: 1001;">
</div>

O atributo data-prompt_parent_id é ignorado em navegadores da Web para dispositivos móveis.