0

我们在我们的网站上集成了 Google One Tap 并取得了一些惊人的结果。有一个关于进一步整合的问题：

当 One Tap 在右侧加载时，有没有办法知道它的宽度/高度？我们想要显示“为什么要注册？” 它下方的 UI 元素，因此我们的用户知道注册的价值。

4

1 回答 1

0

有两个容器元素，一个用于在页面上使用 HTML 加载 One Tap：

<div id="g_id_onload"
     data-client_id="YOUR_CLIENT_ID"
     data-callback="YOUR_CALLBACK_HANDLER">
</div>

第二个动态容器在 iframe 中呈现提示：

<div id="credential_picker_container" 
     style="position: fixed; z-index: 9999; height: 183px;">

  <iframe src="https://accounts.google.com/gsi/iframe/select?LOTS_OF REDACTED_URL_PARAMETERS" 
    title="Sign in with Google Dialog" 
    style="height: 183px; width: 391px; overflow: hidden;">
  </iframe>
</div>

和height可width用于容器。

如果这有助于管理页面上元素的位置和大小，您也可以使用data-prompt_parent_id您选择的容器 ID ( link )。

于 2022-01-21T18:20:15.280 回答