谷歌一键点击描述

Question

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

当One Tap在右手边加载时，有办法知道它的宽度/高度吗？我们想显示"为什么要注册？"UI元素，让我们的用户知道注册的价值。

Answer 1

有两个容器元素，一个用于在页面上使用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>

并且CCD_ 1和CCD_。

如果data-prompt_parent_id有助于管理页面上元素的位置和大小，您也可以将其与您选择的容器ID(链接(一起使用。