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

使用集合让一切井井有条 根据您的偏好保存内容并对其进行分类。

按钮呈现

个性化按钮会显示第一个批准您网站的 Google 会话的个人资料信息。获得批准的 Google 会话在您的网站上具有一个之前通过“使用 Google 帐号登录”功能进行登录的相应帐号。

如果显示个性化按钮,则表示用户知道以下事项:

  • 至少有一个活跃的 Google 会话。
  • 您的网站上有一个对应的帐号。

个性化按钮让用户可以在点击该按钮之前,快速了解 Google 端和您网站上的会话状态。这对仅偶尔访问您网站的最终用户特别有用。他们可能会忘记某个帐号是否已经创建,以及创建的方式。 个性化按钮可以提醒用户之前使用过“使用 Google 帐号登录”。因此,有助于避免您的网站上出现不必要的重复帐号创建工作。

为了指示会话状态,个性化按钮的显示方式如下:

  • 一个会话:Google 端只有一个会话。该会话会批准该客户,并且您的网站上有一个对应的帐号。
显示单个 Google 帐号名称的个性化按钮。
  • 多次会话:Google 多次发起会话。这些会话将批准客户端。所显示帐号旁边的列表箭头表示批准。您的网站上至少有一个会话具有相应的帐号。
一个带有列表箭头的个性化按钮。
  • 无会话:没有 Google 端的会话,或没有任何会话尚未批准客户端。
内容为“使用 Google 帐号登录”的按钮,不包含个性化信息。

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

  • data-type 属性为 icon
  • data-size 属性设置为 mediumsmall
  • data-width 属性被设置为小于 200px 的数字。

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

带有省略号和电子邮件地址的个性化按钮。

关键用户体验历程

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

  • Google 网站上的会话状态。以下术语用于指示用户历程开始时的不同 Google 会话状态。

    • Has-Google-session:在 Google 网站上至少有一个活跃会话。
    • 非 Google 会话:Google 网站上没有活跃会话。
  • 用户体验历程开始时,所选 Google 帐号是否已批准您的网站。以下术语用于表示不同的审批状态。

    • 新用户:所选帐号尚未批准您的网站。
    • 回访用户:所选帐号之前已批准您的网站。

参与 Google 会话的新用户历程

  1. “使用 Google 帐号登录”按钮。

    内容为“使用 Google 帐号登录”的按钮,不包含个性化信息。

  2. 帐号选择器页面。

    包含初始会话帐号选择器页面

  3. 新的用户意见征求页面。

    “使用 Google 帐号登录”按钮表示同意并登录。

  4. 在用户确认后,系统会向您的网站共享一个 ID 令牌。

用户可以通过点击 Use another account 按钮来添加新的 Google 会话,请参阅下面的 No-Google-session 用户体验历程。

Has-Google 会话回访用户转化历程

  1. “使用 Google 帐号登录”按钮。

    显示单个 Google 帐号名称的个性化按钮。

  2. 帐号选择器页面。

    Google 帐号选择器

  3. 用户选择回访帐号后,系统会与您的网站共享一个 ID 令牌。

用户可以通过点击 Use another account 按钮来添加新的 Google 会话,请参阅下面的“No-Google-session”用户体验历程。

非 Google 会话新用户体验历程

  1. “使用 Google 帐号登录”按钮。

    内容为“使用 Google 帐号登录”的按钮,不包含个性化信息。

  2. 用于添加新 Google 会话的第一个页面。

    Google 帐号电子邮件

  3. 用于添加新的 Google 会话的第二页。

    Google 帐号登录

  4. 新的用户意见征求页面。

    “使用 Google 帐号登录”按钮表示同意并登录。

  5. 在用户确认后,系统会向您的网站共享一个 ID 令牌。

非 Google 会话回访用户转化历程

  1. “使用 Google 帐号登录”按钮。

    内容为“使用 Google 帐号登录”的按钮,不包含个性化信息。

  2. 用于添加新 Google 会话的第一个页面。

    Google 帐号电子邮件

  3. 用于添加新的 Google 会话的第二页。

    Google 帐号登录

  4. 用户点击下一步按钮后,系统即会与您的网站共享一个 ID 令牌。