显示 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

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

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