Par défaut, l'invite One Tap s'affiche dans l'angle supérieur droit des fenêtres du navigateur Web pour ordinateur. Lorsque FedCM est utilisé, le navigateur contrôle entièrement l'emplacement de l'invite. Par conséquent, les mises en page personnalisées ne sont pas acceptées.
Sinon, affichez One Tap à l'intérieur d'un élément conteneur pour modifier la position de l'invite.
Pour ce faire, spécifiez l'ID DOM de l'élément conteneur dans l'attribut data-prompt_parent_id.
L'exemple de code suivant réutilise l'élément g_id_onload en tant qu'élément de conteneur et affiche l'invite One Tap à l'emplacement spécifié:
<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>
L'attribut data-prompt_parent_id est ignoré dans les navigateurs Web mobiles.