显示 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 一键快捷功能不得被任何其他内容覆盖。否则,在某些情况下可能会触发弹出式窗口。

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