By default, the One Tap prompt is displayed in the top-right corner of desktop
web browser windows. To display the One Tap prompt inside a container element,
specify the DOM ID of the container element in the data-prompt_parent_id
attribute.
The following code example reuses the g_id_onload
element as the container
element and displays the One Tap prompt in the specified position:
<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>
The data-prompt_parent_id
attribute is ignored on mobile web browsers.