Facebookアカウントのクイック登録 / メンバーログイン（新規）

このリンクをクリックしてMeta for Developersに入り、個人のFacebookアカウントでログインします。[My Apps] > [Create App]に移動します。

*Note: Meta for Developersアプリは個人アカウントの下でバインドされて作成されます。会社の内部の人員におけるアクセス権の潜在的な競合を避けるために、会社のFacebook個人アカウントを使用することをお勧めします。ステップ12に従って、ストアの担当者をアプリ管理者として追加し、今後のメンテナンスと管理を行います。

これまでにアプリを作成していない場合、My Appsをクリックすると、「まだアプリはありません」と表示され、最初のアプリを作成するように招待されます。

ステップ2. Facebookアプリを作成する

Create Appをクリックした後、アプリの情報を入力してください。

• アプリ名（必須）： 「ストアまたはブランド名」を入力することをお勧めします。
• アプリの連絡先メール：アカウントに関連付けられたメールアドレスが自動的に入力されます。

「Facebookログインを使用してユーザーからデータを認証および要求する」を選択します。次に、Nextをクリックします。

このアプリにビジネスポートフォリオを接続できます。完了したら、Nextをクリックします。

このページでは、アプリの公開要件について説明します。読んだら、Nextをクリックします。

情報が正確であることを確認します。次に、ダッシュボードに移動をクリックします。

ステップ 3. "Facebook Login" アプリを追加する

「ユースケース」タブで、「Facebook Loginを使用してユーザーから認証およびデータを要求する」の横にあるカスタマイズボタンをクリックします。

「クイックスタート」タブで、アプリのプラットフォームとしてウェブを選択します。

「サイト URL」フィールドに、ストアのトップページ URLを入力してください。例："https://www.test123.com" または "https://www.test123.com.tw"。入力が完了したら、保存をクリックし、アプリが URL にアクセスするのを待ちます。

*Note: "https://" で始まる安全な暗号化された URL を入力してください。

ステップ 4. 基本設定

[アプリ設定] > [基本]に移動し、関連するフィールドに入力してください。

1. アプリドメイン
2. プライバシーポリシー URL
3. ユーザーデータ削除
4. カテゴリ
5. 利用規約 URL
6. アプリアイコン
7. サイト URL

1. アプリドメイン (必須)

以下の指示に従って、このフィールドに2つのURL（ベアドメインとサブドメインバージョン）を入力し、Enter（Windows）/ Return（Mac）キーを押してください。URLが灰色のボックス内に表示されると、正常に入力されたことになります。

• ストアがカスタムドメインを使用している場合、例： https://www.test123.com,
  次の2つのURLを入力してください： www.test123.com と test123.com
• ストアが無料ドメインを使用している場合、例： https://test456.shoplineapp.com,
  次の2つのURLを入力してください： test456.shoplineapp.com と shoplineapp.com

上記のオレンジの太字のテキストを実際のストアのURLに置き換えてください（SHOPLINEの公式サイトではありません）。
カスタムまたは無料のストアドメインが不明な場合は、ストアフロントからコピーしてください。

⚠️ ドメインを入力した後に保存できない場合は、以下の完全なURL形式を使用してみてください：

• カスタムドメインの場合、例： https://www.test123.com,
  入力： https://www.test123.com と https://test123.com
• 無料ドメインの場合、例： https://test456.shoplineapp.com,
  入力： https://test456.shoplineapp.com と https://shoplineapp.com

2. プライバシーポリシー URL (必須)

プライバシーポリシーは、ウェブサイトがユーザーの個人データをどのように扱うかを説明する声明です。ストアに「プライバシーポリシー」を開示することは、決済ゲートウェイのレビュー、Google広告掲載レビュー、およびFacebookアプリレビューの要件の1つです。
 

まず、SHOPLINE管理者に戻り、[オンラインストアデザイン] > [ページ]（下の画像を参照）に移動して、ストアの「プライバシーポリシー」ページのURLを取得し、ここに貼り付けてください。

まだプライバシーポリシーページを作成していない場合は、デフォルトの「プライバシーポリシー」ページ（A）を使用するか、新しいページ（B）を作成することができます：

i. デフォルトの「プライバシーポリシー」ページを使用する

関連情報を補足するために、SHOPLINEサンプルストアページを参照してください（実際の規制と要件に従って記入してください）。設定が完了したら、URLを「2. プライバシーポリシー URL」フィールドに入力してください。
 

• ストアが「ユニークURL」を適用している場合、次のようなURLが得られます：
  https://www.test123.com/about/privacy-policy
  
   
• ストアが「無料URL」を適用している場合、次のようなURLが得られます：
  https://test456.shoplineapp.com/about/privacy-policy

上記の太字のオレンジのリンクをストアのURLリンクに変更してください。ストアのユニークまたは無料のURLが不明な場合は、ストアのトップページに移動してコピーしてください。

*Note: ストアのURLをSHOPLINEの公式ウェブサイトのURLの代わりに入力してください。

ii. 新しいページを作成する

「プライバシーポリシー」ページを作成するには、⊕ テキストページまたは⊕ 高度なページをクリックしてください。フォーマットと内容については、SHOPLINE サンプルストアページを参照してください（実際の規制と要件に従って記述し、「データアクセスと削除」情報を明記することを忘れないでください）。
 

*Note: あなたのストアが現在
「Facebook アカウントのクイック登録 / メンバーログイン」を使用していて、
以前に「privacy-policy」を含む説明的なURLをFacebookに提供している場合、
ログイン機能を無効にしないために、古いプライバシーポリシーページを削除しないでください。
古いプライバシーポリシーページを削除し、デフォルト/新しいプライバシーポリシーページに移行したい場合は、
Meta for Developersに移動し、
古いプライバシーポリシーを含むページを手動で新しいURLに更新してください。

そのページのSEO「タイトル」に「プライバシーポリシー」という言葉が含まれていること、
「説明的なURL」に「privacy-policy」が含まれていることを確認してください。これにより、Facebookがそのページを関連するプライバシー関連のコンテンツとして識別しやすくなります。次に、「2. プライバシーポリシーURL」フィールドにURLを入力してください。
 

• あなたのストアが「ユニークURL」を適用している場合、次のようなURLが取得できます：
  https://www.test123.com/pages/privacy-policy

• あなたのストアが「無料URL」を適用している場合、次のようなURLが取得できます：https://test456.shoplineapp.com/pages/privacy-policy
   

太字のオレンジ色のリンクをあなたのストアのURLリンクに変更してください。ストアのユニークURLまたは無料URLが不明な場合は、ストアのトップページに移動してコピーしてください。

*Note: あなたのストアのURLをSHOPLINEの公式ウェブサイトのURLの代わりに入力してください。

3. ユーザーデータの削除 (必須)

ドロップダウンメニューから「データ削除指示URL」を選択してください。

ドロップダウンメニューの下にある「リンクを提供することもできます」フィールドに、あなたのストアのトップページURLを入力してください。「https://www.test123.com」または「https://www.test123.com.tw」のように。「https://」で始まる安全な暗号化URLを入力してください。

4. カテゴリ (必須)

あなたのストアが提供する商品やサービスの種類に基づいて、「カテゴリを選択」ドロップダウンメニューから適切なオプションを選択してください。オンラインストアが主に商品を販売している場合は、ショッピングを選択することをお勧めします。

5. 利用規約URL (オプション)

このURLリンクは、Facebookログインアプリケーションウィンドウの「アプリ利用規約」に表示されます。SHOPLINEは、あなたのストアの「利用規約」デフォルトページを編集し、実際の状況に基づいてストアのサービス提供と取引の詳細を記述することをお勧めします。完了したら、このフィールドにページURLを貼り付けてください。

6. アプリアイコン (必須)
 

アプリアイコンは、顧客のログインプロセスで「表示名」と共に表示されます。SHOPLINEは、ストアのロゴまたはブランドアイコンをアップロードして、ブランドを完全に表現し、顧客がユーザーデータを収集するための詐欺的または非公式なチャネルであることへの懸念を減らすことをお勧めします。Facebookは、512 x 512ピクセルから1024 x 1024ピクセルの間の画像をアップロードすることを要求し、ファイルサイズは最大5MBです。

7. サイトURL (必須)

通常、システムは自動的にURLを入力します。ただし、フィールドが空白の場合は、あなたのストアのトップページURLを再入力してください。「https://www.test123.com」または「https://www.test123.com.tw」のように。「https://」で始まる安全な暗号化URLを入力してください。確認後、右下の変更を保存をクリックしてください。

ステップ5. 「Facebookログイン」設定を完了する

「[ユースケース]」>「[カスタマイズ]」に戻り、「設定」タブを選択してください。

ページに入ったら、次の2点を参照してください：

i. 指定された機能のトグルをオンにする

次の4つのトグルスイッチを有効にしてください（スイッチが「はい」と表示されていることを確認してください）し、下の画像と比較して確認してください。

• 「クライアントOAuthログイン」をオンにする
• 「ウェブOAuthログイン」をオンにする
• 「HTTPSを強制する」をオンにする
• 「リダイレクトURIに厳格モードを使用する」をオンにする

ii. 「有効なOAuthリダイレクトURI」にリンクを入力する

以下の手順に従ってリンクを取得し、「有効なOAuthリダイレクトURI」フィールドに貼り付けてください。リンクを貼り付けたら、キーボードで「Enter（Windows）/ Return（Mac）」を押します。URIが青色に変わり、入力が成功したことを示します。設定が完了したら、右下の変更を保存をクリックしてください。送信後、「リダイレクトURIに厳格モードを使用する」トグルがオフになっているか再確認してください（「いいえ」と表示されます）。オフになっている場合は、再度オンに切り替え、[変更を保存]をクリックする必要があります。

• ストアが「ユニークURL」を適用している場合：https://www.test123.com 
  次のように貼り付けてください：https://www.test123.com/users/auth/facebook/callback  
   
• ストアが「ユニークURL」を適用している場合：https://test456.shoplineapp.com 
  次のように貼り付けてください：https://test456.shoplineapp.com/users/auth/facebook/callback

太字のオレンジ色のリンクをストアのURLリンクに変更してください。ストアのユニークまたは無料のURLが不明な場合は、ストアのトップページに移動してコピーしてください。

*Note: ストアのURLをSHOPLINEの公式ウェブサイトのURLの代わりに入力してください。

ステップ6. 使用ケースのステータスを確認する

[使用ケース] > [カスタマイズ]に戻り、「権限と機能」タブを選択します。次に、「メール」セクションの横にある追加をクリックします。

「メール」と「public_profile」が「テストの準備完了」ステータスになっていることを確認してください。

*Note: これら2つのオプション以外は、ここに他のオプションを追加しないでください。Facebookによるビジネス認証プロセス中の追加の文書確認を避けるためです。オプションを追加すると、さらなるコンプライアンス要件が発生し、ビジネス認証プロセスに影響を与える可能性があります。

ステップ7. APIバージョンを更新する

[アプリ設定] > [詳細]に移動し、最新のAPIバージョンを使用していることを確認してください。そうでない場合は、手動で変更してください。

ステップ8. ビジネス認証を完了する

2023年2月1日現在、ビジネス認証は、アプリが高度なアクセスを必要とする場合に必要です。認証が完了すると、Facebookは自動的に使用ケースの権限のステータスを更新します。

[レビュー] > [認証]に移動し、認証を開始をクリックします。

*Note: バージョンの違いにより、「レビュー」タブの下に3〜4のオプションが表示されます。

認証が完了すると、「ビジネス認証」ブロック内に「認証済み」を示す緑の円が表示され、ストアがFacebookによって正常に認証されたことを意味します。

*Note: 顧客がストアフロントでFacebookアカウントを使用して迅速に登録/ログインする際にビジネス認証を完了していない場合、「以下の権限の一部はFacebookによって使用が承認されていません」と表示されます。

ステップ9. レビューを提出する

[レビュー] > [アプリレビュー]に移動すると、レビューのステータスが「ドラフト」と表示されます。右側の編集ボタンをクリックします。

すべての事前レビュー手順を完了し、次にレビューの提出をクリックします。

ステップ10. アプリケーションのステータスを確認する

以下の情報を確認してください：

• 「プライバシーポリシーURL」と「ユーザーデータ削除」の情報が正しいことを確認してください。
• ビジネス認証のステータスが「認証済み」であることを確認してください。そうでない場合は、認証を開始をクリックします。
• データ処理に関する質問に移動し、次の手順を完了します。

「Facebookログインを使用してユーザーからデータを認証および要求する」の横にある「>」アイコンをクリックします。

再度[使用ケース] >[カスタマイズ]に戻り、「メール」と「public_profile」の権限ステータスが両方とも「ライブモードの準備完了」または「公開の準備完了」であることを確認してください。

ステップ11. アプリIDとアプリシークレットを準備する

[アプリ設定] >[基本]に移動し、「アプリシークレット」の横にある表示をクリックします。アカウントのセキュリティのため、システムは再度パスワードの入力を要求します。入力後、「アプリシークレット」が表示されます。「アプリID」と「アプリシークレット」をコピーし、SHOPLINE管理者に進んで設定を行ってください。

ステップ 12. SHOPLINE 管理者に戻って設定を行う

パス 1

SHOPLINE 管理者 > [設定] > [顧客設定] に移動し、「Facebook ログイン」のトグルをオンにします。

「アプリ ID」と「アプリ シークレット」をそれぞれのフィールドに貼り付けます。接続をクリックし、ページの右下にある更新ボタンをクリックして設定を保存します。これで、あなたのストアは Facebook ログイン機能にアクセスできるようになります。

パス 2

SHOPLINE 管理者 > [チャネル統合] > [Facebook] > [オンラインストアアプリケーション] タブに移動します。「Facebook 開発者アカウントに接続」の右側にある接続をクリックします。

「アプリ ID」と「アプリ シークレット」をそれぞれのフィールドに貼り付けて接続をクリックします。

「オンラインショップ Facebook ログイン」のトグルをオンにすると、あなたのストアは Facebook ログイン機能にアクセスできるようになります。

ステップ 13. 関連する同僚を管理者として Facebook アカウントに追加する

将来のメンテナンスと管理のために、会社の関連する担当者をこのアプリの管理者として追加できます。

「ダッシュボード」 > [アプリの役割] > [役割] に移動し、「管理者」の右側にある管理者を追加をクリックし、追加したい人の名前、fbid、またはユーザー名を入力し、最後に送信をクリックします。

ステップ 14. Facebook アカウントのワンクリック登録/ログイン機能をテストする

設定が完了しました！次に、ストアフロントに進んでテストを行ってください。

ストアの登録/メンバーログインページに移動し、「Facebook 登録/ログイン」ボタンをクリックします。Facebook のウィンドウがポップアップし、顧客にログインしてアプリを承認するよう求めます。アプリの表示名とアイコンがこのページに表示されます。

この時点で、顧客は Facebook ログイン機能を使用するために、データへのアクセスを許可する必要があります。顧客が承認を行わない場合、Facebook ログイン機能を使用することはできません。

*この機能は多くの設定ステップを含むため、設定プロセス中に問題が発生した場合は、問題のある箇所のスクリーンショットを撮り、SHOPLINE のオンラインビジネスオーナー成功チームに提供してください。迅速に問題解決をお手伝いします。

2. チェックアウトページの Facebook ログインボタン

ストアの「オンラインショップ Facebook ログイン」機能が有効になっていることを確認してください。詳細については、ステップ 11を参照してください。

上記のどのパスを選択しても、以下のページに「Facebook ログイン」ボタンが表示され、顧客はこのボタンをクリックすることで直接ログインできます：

*注意：

• 上記の Facebook ログインボタンの設定手順は、Shopper App には適用されません。
  Shopper App に Facebook ログインボタンを表示したい場合は、Facebook アカウントのクイックログイン / メンバーシップ登録 | Shopper Appを参照してください。
• Facebook を通じて登録した顧客のみが「Facebook でログイン」ボタンにアクセスできます。

i. メンバー登録 / ログインページ

ii. 一般的なチェックアウトページ：ショッピングカート & 顧客情報

iii. エクスプレスチェックアウトページ

続きを読む

• Facebook アカウントのクイック登録 / ログインに関する FAQ とトラブルシューティング方法