Facebookをお客様アカウントに接続する

1. 管理画面から、設定 > お客様アカウントに移動します。

2. 認証セクションで、管理をクリックします。

3. Facebookの横にある接続をクリックして、Facebookでサインインページを開きます。

1. 別のブラウザタブでMeta for Developersダッシュボードに移動し、ログインをクリックしてログインします。Meta Developerアカウントを設定していない場合は、次のステップに進む前に、ログインページから新しいアカウントを作成する必要があります。
2. アプリをクリックします。
3. アプリを作成をクリックします。
4. アプリ名とアプリの連絡先メールアドレスフィールドに入力し、次へをクリックします。
5. ユースケースの追加ページで、Facebookログインでユーザーを認証してデータをリクエストするを選択し、次へをクリックします。
6. このアプリにリンクさせるビジネスポートフォリオページで、ビジネスポートフォリオを選択するか、まだビジネスポートフォリオをリンクさせない。を選択して、次へをクリックします。
7. 公開の要件ページを確認し、次へをクリックします。
8. 概要ページを確認し、ダッシュボードに移動をクリックします。

1. アプリを作成したら、Meta for Developersダッシュボードでユースケースをクリックします。
2. Facebookログインでユーザーを認証してデータをリクエストするユースケースで、カスタマイズをクリックします。
3. ログイン時にお客様情報を確実に取得できるようにするため、アクセス許可と機能セクションのemailの横にある追加をクリックします。
4. 設定をクリックし、クライアントOAuth設定に移動します。
5. 管理画面のFacebookでサインインページで、リダイレクトURLセクションからリダイレクトURLをコピーします。
6. Meta for Developersダッシュボードの設定ページで、有効なOAuthリダイレクトURIフィールドにリダイレクトURLを貼り付けます。
7. 管理画面の リダイレクトURL セクションに複数のリダイレクトURLがある場合、追加のリダイレクトURLについてもこれらの手順を繰り返します。
8. 管理画面の Facebookでサインイン ページで、Deauthorize URL セクションから URL をコピーします。
9. Meta for Developers ダッシュボードの Settings ページで、Deauthorize callback URL フィールドに URL を貼り付けます。
10. Meta for Developers ダッシュボードの Settings ページで、Save changes をクリックします。

1. Meta for Developers ダッシュボードに戻り、App settings > Basic をクリックします。
2. Meta for Developers ダッシュボードから App ID をコピーします。
3. 管理画面の Facebookでサインイン ページで、資格情報 セクションの App ID フィールドに App ID を貼り付けます。
4. Meta for Developers ダッシュボードで、App secret の横にある Show をクリックし、App secret をコピーします。
5. 管理画面の Facebookでサインイン ページで、App secret フィールドに App secret を貼り付け、Save をクリックします。
6. 管理画面で 変更を保存 をクリックします。

1. 管理画面の Facebookでサインイン ページで、その他の操作 > プレビュー をクリックし、お客様がストアにサインインしていると想定して Facebook 認証フローをテストします。
2. オンにする をクリックします。

Facebookでサインインをオンにした後、オンラインストアに移動し、Facebook を使用してお客様アカウントにサインインすることで、顧客体験をテストできます。