このページでは、[Google でログイン] ボタンのユーザー エクスペリエンス(UX)について説明します。
ボタンの表示
パーソナライズされたボタンには、ウェブサイトを承認した最初の Google セッションのプロフィール情報が表示されます。承認済みの Google セッションには、ウェブサイト上に、以前に「Google でログイン」を使用してログインしたアカウントが対応しています。
パーソナライズされたボタンが表示されると、ユーザーは次のことを認識します。
- 有効な Google セッションが 1 つ以上ある。
- ウェブサイトに該当するアカウントがあること。
パーソナライズされたボタンを使用すると、ユーザーはボタンをクリックする前に、Google 側とウェブサイトの両方でセッションのステータスを簡単に確認できます。これは、ウェブサイトにたまにしかアクセスしないエンドユーザーにとって特に便利です。アカウントが作成されているかどうか、作成方法を忘れている可能性があります。カスタマイズされたボタンには、以前に「Google でログイン」が使用されたことが示されます。これにより、ウェブサイトで不要な重複アカウントが作成されるのを防ぐことができます。
セッション ステータスを示すために、パーソナライズされたボタンは次のように表示されます。
1 つのセッション: Google 側のセッションは 1 つのみです。そのセッションでクライアントが承認され、ウェブサイトに対応するアカウントがある。
複数のセッション: Google 側で複数のセッションがあります。これらのセッションはクライアントを承認します。承認は、表示されたアカウントの横にあるリスト矢印で示されます。少なくとも 1 つのセッションに、ウェブサイト上の対応するアカウントが存在する。
セッションなし: Google 側にセッションがないか、どのセッションもクライアントを承認していません。
パーソナライズされたボタンは、ボタンの設定でパーソナライズされたボタンの表示が許可されていない場合を除き、セッション ステータスが適切であれば自動的に表示されます。以下の場合は、パーソナライズ ボタンは表示されません。
data-type
属性はicon
です。data-size
属性がmedium
またはsmall
に設定されている。data-width
属性は 200 px 未満の数値に設定されています。
名前またはメールアドレスが長すぎてボタン内に表示できない場合は、省略記号が表示されます。
主なユーザー ジャーニー
ユーザー ジャーニーは、次のステータスによって異なります。
Google ウェブサイトのセッション ステータス。ユーザー ジャーニーの開始時に、次の用語が Google セッションのさまざまなステータスを表すために使用されます。
- Has-Google-session: Google ウェブサイトでアクティブなセッションが 1 つ以上あります。
- No-Google-session: Google ウェブサイトにアクティブなセッションはありません。
ユーザー ジャーニーの開始時に、選択した Google アカウントがウェブサイトを承認したかどうか。以下の用語は、さまざまな承認ステータスを表すために使用されます。
- 新規ユーザー: 選択したアカウントでウェブサイトが承認されていません。
- リピーター: 選択したアカウントは、以前にウェブサイトを承認しています。
Has-Google-session 新規ユーザー ジャーニー
[Google でログイン] ボタン。
アカウント選択ページ。
新しいユーザーの同意ページ。
ユーザーが確認すると、ID トークンがウェブサイトと共有されます。
ユーザーは [別のアカウントを使用] ボタンをクリックして新しい Google セッションを追加できます。以下の Google セッションなしのユーザー ジャーニーを参照してください。
Google セッションありのリピーター ジャーニー
[Google でログイン] ボタン。
アカウント選択ページ。
ユーザーが再利用アカウントを選択すると、ID トークンがウェブサイトと共有されます。
ユーザーは [別のアカウントを使用] ボタンをクリックして、新しい Google セッションを追加できます。下記の「Google セッションなし」のユーザー ジャーニーを参照してください。
Google セッションなしの新規ユーザー ジャーニー
[Google でログイン] ボタン。
新しい Google セッションを追加する最初のページ。
新しい Google セッションを追加する 2 つ目のページ。
新しいユーザーの同意ページ。
ユーザーが確認すると、ID トークンがウェブサイトと共有されます。
Google セッションなしのリピーター ジャーニー
[Google でログイン] ボタン。
新しい Google セッションを追加する最初のページ。
新しい Google セッションを追加する 2 つ目のページ。
ユーザーが [次へ] ボタンをクリックすると、ID トークンがウェブサイトと共有されます。
ファミリー リンク アカウント キーのユーザー ジャーニー
前のセクションの一般的なキーユーザーのジャーニーは引き続き適用されます。以下は、ログイン時にお子様の Google アカウントに表示される追加のフローを示しています。
No-Google-session
[Google でログイン] ボタン。
新しいお子様の Google セッション(お子様の Google アカウントのメールアドレス)を追加する最初のページ。
2 ページ目: お子様の新しい Google セッション(お子様の Google アカウントのパスワード)を追加します。
新しいお子様の Google セッションを追加するための保護者の承認を求める最初のページ。
2 ページ目: 新しいお子様の Google セッションを追加するための保護者の承認を求めるページ。
3 ページ目: 新しいお子様の Google セッションを追加するための保護者の承認を求めるページ。
お子様の Google アカウントをアプリにログインさせるための保護者の承認を求める最初のページ。
2 ページ目: お子様の Google アカウントでアプリにログインするための保護者の承認を求めるページ。
3 ページ目: お子様の Google アカウントでアプリにログインするための保護者の承認を求めるページ。
最終ページ。お子様の Google アカウントをアプリにログインさせるための保護者の承認を得ます。
保護者が [続行] ボタンをクリックすると、ID トークンがウェブサイトと共有されます。
Has-Google-session
[Google でログイン] ボタン。
アカウント選択ページ。
お子様の Google アカウントをアプリにログインさせるための保護者の承認を求める最初のページ。
2 ページ目: お子様の Google アカウントでアプリにログインするための保護者の承認を求めるページ。
3 ページ目: お子様の Google アカウントでアプリにログインするための保護者の承認を求めるページ。
最終ページ。お子様の Google アカウントをアプリにログインさせるための保護者の承認を得ます。
保護者が [続行] ボタンをクリックすると、ID トークンがウェブサイトと共有されます。