根據預設,One Tap 提示會顯示在電腦版網頁瀏覽器視窗的右上角。使用 FedCM 時,瀏覽器會完全控管提示位置。因此不支援自訂版面配置。
否則,請在容器元素中顯示 One Tap,以變更提示位置。如要這麼做,請在 data-prompt_parent_id
屬性中指定容器元素的 DOM ID。
以下程式碼範例會將 g_id_onload
元素重複使用為容器元素,並在指定位置顯示 One Tap 提示:
<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>
行動網頁瀏覽器會忽略 data-prompt_parent_id
屬性。