默认情况下,一键式登录提示会显示在桌面版网络浏览器窗口的右上角。使用 FedCM 时,浏览器会完全控制提示位置。因此,不支持自定义布局。
否则,请在容器元素内显示“一键完成”,以更改提示位置。为此,请在 data-prompt_parent_id
属性中指定容器元素的 DOM ID。
以下代码示例重复使用了 g_id_onload
元素作为容器元素,并在指定位置显示“一键式”提示:
<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
属性。