根據預設,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
屬性。