显示 Google One Tap

将以下代码段放置在您希望显示 Google 一键快捷功能的任何页面中:

<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 Tap

本部分仅在 FedCM 停用的情况下适用,启用 FedCM 后,浏览器会在网页内容顶部显示用户提示。

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

请仔细检查页面布局和元素的 Z-index 属性,确保 Google One Tap 在任何时候都不会被任何其他内容覆盖。即使只覆盖了边框中的单个像素,用户体验流程变化也可能会触发。