显示 Google One Tap

将以下代码段放置在您要显示 Google One Tap 的任何网页中：

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-your_own_param_1_to_login="any_value"
     data-your_own_param_2_to_login="any_value">
</div>

data-login_uri 属性是您自己 Web 应用的登录端点的 URI。您可以添加自定义数据属性，这些属性会随从 Google 检索到的 ID 令牌一起发送到登录端点。

如需查看数据属性的完整列表，请参阅 g_id_onload 参考页面。

请勿遮盖 Google One 一键式登录

此部分仅在 FedCM 处于停用状态时适用，在 FedCM 处于启用状态时， 浏览器在网页内容顶部显示用户提示。

为了确保最终用户能看到显示的所有信息，Google One Tap 必须 不涵盖在任何其他内容中。否则，在某些情况下可能会触发弹出式窗口。

仔细检查您的网页布局和元素的 z-index 属性，确保 Google One Tap 不会被任何其他内容遮盖。用户体验流程 即使仅覆盖了边框中的一个像素，也可能会触发更改。