變更 One Tap 提示位置

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