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

按钮呈现

个性化按钮会显示批准您网站的首个 Google 会话的个人资料信息。获批的 Google 会话在您的网站上有对应的帐号,并且该帐号之前使用“使用 Google 帐号登录”功能登录过。

如果显示个性化按钮,则用户了解以下内容:

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

个性化按钮可让用户在点击该按钮之前,快速了解 Google 端和您网站上的会话状态。这对于偶尔访问您的网站的最终用户尤为有用。他们可能会忘记帐号是否已创建,以及创建方式。个性化按钮可提醒他们之前使用过 Google 帐号登录。因此,这有助于防止您的网站上发生不必要的重复帐号创建。

为了指示会话状态,个性化按钮会通过以下方式显示:

  • 一次会话:Google 端只有一次会话。该会话批准客户,您的网站上已有相应的帐号。

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

  • 多次会话:Google 方面会进行多次会话。这些会话会批准客户端。所显示帐号旁边的列表箭头表示已批准。至少有一个会话在您的网站上有相应的帐号。

    一个带有列表箭头的个性化按钮。

  • 无会话:Google 端没有会话,或者还没有任何会话已批准客户端。

    一个显示“使用 Google 帐号登录”的按钮,但不含个性化信息。

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

  • data-type 属性为 icon
  • data-size 属性设置为 mediumsmall
  • data-width 属性设为一个小于 200 像素的数字。

如果名称或电子邮件地址由于过长而无法显示在按钮内,则会被省略。

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

关键用户体验历程

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

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

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

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

包含 Google 会话的新用户体验历程

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

    一个显示“使用 Google 帐号登录”的按钮,但不含个性化信息。

  2. 帐号选择器页面。

    Has-Initial-Session 帐号选择器页面。

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

    “使用 Google 帐号登录”按钮同意和登录。

  4. 用户确认后,ID 令牌将共享给您的网站。

用户可以点击使用其他帐号按钮来添加新的 Google 会话,请参阅下面的无 Google 会话用户体验历程。

包含 Google 会话的回访用户转化历程

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

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

  2. 帐号选择器页面。

    Google 帐号选择器

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

用户可以点击使用其他帐号按钮来添加新的 Google 会话,请参阅下面的“无 Google 会话”用户体验历程。

无需 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. 用户点击 Next 按钮后,会与您的网站分享一个 ID 令牌。