[Google でログイン] ボタンの UX

コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

ボタンのレンダリング

パーソナライズされたボタンには、ウェブサイトを承認する最初の Google セッションのプロフィール情報が表示されます。承認済みの Google セッションで、対応するアカウントが「Google でログイン」を介してウェブサイトにログインしたことがある。

パーソナライズされたボタンが表示されると、ユーザーは次のことを把握できます。

  • 1 つ以上のアクティブな Google セッションがあります。
  • お客様のウェブサイトに対応するアカウントがある。

パーソナライズされたボタンを使用すると、ユーザーがボタンをクリックする前に、Google 側とウェブサイトの両方でセッション ステータスをすばやく確認できます。これは、ウェブサイトを訪問する頻度が低いエンドユーザーにとって特に有用です。 アカウントの作成の有無やその方法を忘れる可能性があります。 「Google でログイン」機能が使用されたことがパーソナライズされたボタンで通知されます。 これにより、ウェブサイトで不必要な重複アカウントを作成することを防ぐことができます。

セッション ステータスを示すために、パーソナライズされたボタンは次のように表示されます。

  • 1 セッション: Google 側は 1 つのセッションのみです。このセッションはクライアントを承認し、対応するアカウントがウェブサイトにあります。
1 つの Google アカウントの名前を表示する、カスタマイズされたボタン。
  • 複数のセッション: Google 側には複数のセッションがあります。これらのセッションはクライアントを承認します。承認は、表示されているアカウントの横にあるリスト矢印で示されます。ウェブサイトで 1 つ以上のセッションに対応するアカウントがあります。
リスト矢印付きのパーソナライズされたボタン。
  • セッションなし: Google 側にセッションがないか、クライアントを承認したセッションがありません。
「Google でログイン」と記載されたボタン(カスタマイズされた情報なし)

セッション ステータスが適切であれば、パーソナライズド ボタンが自動的に表示されます。ただし、ボタンの設定でパーソナライズド広告のボタンの表示が許可されていない場合に限ります。現在のところ、次の場合はカスタマイズされたボタンが表示されません。

  • data-type 属性は icon です。
  • data-size 属性は、medium または small に設定されています。
  • data-width 属性に 200 ピクセル未満の数値が設定されています。

名前またはメールアドレスが長すぎてボタン内に表示できない場合、省略されます。

名前とメールアドレスが短縮されたパーソナライズされたボタン

主なユーザー ジャーニー

使用シナリオは、次のステータスによって異なります。

  • Google ウェブサイトのセッション ステータス。次の用語は、ユーザー ジャーニーの開始時にさまざまな Google セッションのステータスを示すために使用されます。

    • Has-Google-session: Google ウェブサイトに 1 つ以上のアクティブなセッションがあります。
    • No-Google-session: Google ウェブサイトでアクティブなセッションがありません。
  • 選択した Google アカウントが、ユーザー ジャーニーの開始時にウェブサイトを承認したかどうか。以下の用語は、さまざまな承認ステータスを示すために使用されます。

    • 新しいユーザー: 選択したアカウントはウェブサイトを承認していません。
    • リピーター: 選択したアカウントが以前にウェブサイトを承認しました。

Has-Google セッションの新規ユーザー ジャーニー

  1. [Google でログイン] ボタン。

    「Google でログイン」と記載されたボタン(カスタマイズされた情報なし)

  2. アカウント選択ツールのページ。

    Has-Initial-Session アカウント選択ツールのページ

  3. 新しいユーザーの同意ページ。

    「Google でログイン」ボタンの同意とログイン。

  4. ユーザーが確認すると、ID トークンがウェブサイトと共有されます。

ユーザーが [Use another account] ボタンをクリックして新しい Google セッションを追加できます。詳細については、以下の「No-Google-session」ユーザー ジャーニーをご覧ください。

Has-Google セッションのリピーター

  1. [Google でログイン] ボタン。

    1 つの Google アカウントの名前を表示する、カスタマイズされたボタン。

  2. アカウント選択ツールのページ。

    Google アカウント選択ツール

  3. ユーザーが復帰アカウントを選択すると、ID トークンがウェブサイトと共有されます。

ユーザーが [Use another account] ボタンをクリックして新しい Google セッションを追加できます。下の「Google のセッションなし」のユーザー ジャーニーをご覧ください。

Google セッションなしの新規ユーザー ジャーニー

  1. [Google でログイン] ボタン。

    「Google でログイン」と記載されたボタン(カスタマイズされた情報なし)

  2. 新しい Google セッションを追加する最初のページ。

    Google アカウントのメールアドレス

  3. 新しい Google セッションを追加する 2 ページ目。

    Google アカウントへのログイン

  4. 新しいユーザーの同意ページ。

    「Google でログイン」ボタンの同意とログイン。

  5. ユーザーが確認すると、ID トークンがウェブサイトと共有されます。

Google セッションなしのリピーター

  1. [Google でログイン] ボタン。

    「Google でログイン」と記載されたボタン(カスタマイズされた情報なし)

  2. 新しい Google セッションを追加する最初のページ。

    Google アカウントのメールアドレス

  3. 新しい Google セッションを追加する 2 ページ目。

    Google アカウントへのログイン

  4. ユーザーが [次へ] ボタンをクリックすると、ID トークンがウェブサイトと共有されます。