显示 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 一键快捷功能不会被任何其他内容覆盖。即使边框中只有一个像素被遮盖，也可能会触发用户体验流程更改。