De forma predeterminada, el mensaje de One Tap se muestra en la esquina superior derecha de las ventanas del navegador web para computadoras de escritorio. Cuando se usa FedCM, el navegador controla por completo la ubicación del mensaje. Por lo tanto, no se admiten los diseños personalizados.
De lo contrario, muestra One Tap dentro de un elemento contenedor para cambiar la posición del mensaje.
Para hacerlo, especifica el ID del DOM del elemento de contenedor en el atributo data-prompt_parent_id.
En el siguiente ejemplo de código, se reutiliza el elemento g_id_onload como el elemento
contenedor y se muestra el mensaje de One Tap en la posición 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>
El atributo data-prompt_parent_id se ignora en los navegadores web móviles.