“使用 Google 账号登录”按钮的用户体验

本页介绍了“使用 Google 账号登录”按钮的用户体验 (UX)。

按钮呈现

个性化按钮会显示批准您网站的首次 Google 会话的个人资料信息。已获批准的 Google 会话在您的网站上具有相应的账号，该账号之前曾使用“使用 Google 账号登录”功能登录过。

如果系统显示个性化按钮，用户会知道以下信息：

至少有一个有效的 Google 会话。
您的网站上有相应的账号。

个性化按钮可让用户在点击按钮之前，快速了解 Google 端和您网站上的会话状态。这对仅偶尔访问您网站的最终用户而言特别有用。他们可能会忘记是否已创建账号，以及是通过哪种方式创建的。系统会显示一个个性化按钮，提醒用户之前曾使用过“使用 Google 账号登录”功能。因此，这有助于防止在您的网站上创建不必要的重复账号。

为了指示会话状态，系统会以以下方式显示个性化按钮：

一次会话：Google 端只有一次会话。该会话会批准客户，并且您的网站上有相应的账号。
多个会话：Google 端存在多个会话。这些会话会批准客户端。显示的账号旁边的列表箭头表示已获批准。至少有一个会话在您的网站上具有对应的账号。
无会话：Google 端没有会话，或者所有会话都尚未批准客户端。

当会话状态适合时，系统会自动显示个性化按钮，除非您的按钮设置不允许显示个性化按钮。如果出现以下情况，系统不会显示个性化按钮：

data-type 属性为 icon。
将 data-size 属性设置为 medium 或 small。
data-width 属性设置为小于 200px 的数字。

如果名称或电子邮件地址过长，无法在按钮内显示，系统会以省略号显示。

关键用户体验历程

用户历程因以下状态而异。

Google 网站上的会话状态。以下术语用于指示用户体验历程开始时的不同 Google 会话状态。
- Has-Google-session：Google 网站上至少有一个有效会话。
- No-Google-session：Google 网站上没有任何有效的会话。
在用户体验历程开始时，所选 Google 账号是否已批准您的网站。以下术语用于指示不同的审批状态。
- 新用户：所选账号尚未批准您的网站。
- 回访用户：所选账号之前已批准您的网站。