⚠️ 始める前に、以下のことを思い出してください：
- Facebookアプリは、あなたの会社がFacebookの個人アカウントを通じて作成した資産であり、SHOPLINEが所有しているものではありません。特に、Facebookによる年次通知やデータ監査に注意してください。将来的にアプリの受信トレイにFacebookの「データ使用確認」メッセージが届いた場合は、期限内に返信して、アプリがFacebookによって無効にされないようにしてください。
- データの安全性を確保するために、システムはログイン後24時間の非活動が続くと自動的に顧客をログアウトします。非活動とは、ページの再読み込み、商品検索、情報の送信など、インターネット接続を必要とするアクションがないことを指します。
メールに加えて、顧客はFacebookアカウントを使用してあなたのSHOPLINEストアに登録することもできます。
Facebookアカウントを使用したワンクリックログインは、Facebookによって開発された機能です。ビジネスオーナーは、ストアにFacebookアプリをインストールすることでこれを有効にできます。最初にFacebookアプリを作成し、その後ストアに戻ってインストールする必要があります。設定手順が多いため、忍耐強く手順に従って設定してください。この説明と画面が一致しない場合や関連する問題がある場合は、操作のスクリーンショットをキャプチャし、オンラインビジネスオーナー成功チームに提供して確認を手伝ってもらってください。
この記事では、以下の内容をカバーします：
1. Facebookログイン機能の設定手順
ステップ1. Meta for Developersに入る
このリンクをクリックしてMeta for Developersに入り、個人のFacebookアカウントでログインします。[マイアプリ > アプリを作成]に移動して、Facebookアプリの作成を開始します。
*Note: Meta for Developersアプリは、個人アカウントの下でバインドされて作成されます。会社の内部の人員のアクセス権の潜在的な競合を避けるために、会社のFacebook個人アカウントを使用することをお勧めします。また、ステップ12に注意して、アプリケーションの管理とメンテナンスのために会社の担当者を管理者として追加してください。
アプリを作成していない場合、マイアプリをクリックすると、「まだアプリはありません」と表示され、最初のアプリを作成するように招待されます。
ステップ2. Facebookアプリを作成する
アプリを作成をクリックすると、「アプリに追加したいユースケースはどれですか？」と尋ねられます。Facebookログインの設定を選択し、次に次へをクリックします。
アプリに使用するプラットフォームを選択します。完了したら、次へをクリックして続行します。
「アプリ名を追加」フィールドは必須です。ここには「ストアまたはブランド名」を入力することをお勧めします。「アプリの連絡先メール」は、このページにアクセスする際に関連付けられたメールアドレスで自動的に入力されます。Metaビジネスマネージャーをお持ちの場合は、オプションフィールドの「ビジネスアカウント」からプラットフォームを選択してアプリを管理することもできます。次に、アプリを作成をクリックします。
ポップアップウィンドウが表示されます。パスワードを再入力し、送信をクリックして続行します。
ステップ3. "Facebookログイン"アプリケーションを追加する
次に、「ダッシュボード」に移動します。ページの左側にある製品を見つけてクリックします。
「Facebookログイン」ブロックの右側にあるドロップダウンメニューをクリックし、設定 > クイックスタートを選択します。
Webをアプリのプラットフォームとして選択します。
ステップ4. ストアのURLを入力する
ストアのトップページURLをサイトURLに入力してください。例えば、https://www.test123.com または https://www.test123.com.tw。https://で始まる安全に暗号化されたURLを必ず入力してください。 URLを確認したら、右下の「保存」ボタンをクリックし、アプリケーションがURLを保存するのを待ちます。
ステップ5. アプリの「基本」設定を入力する
次に、左パネルの[設定]>[基本]に移動して、アプリのドメイン、プライバシーポリシーのURL、ユーザーデータの削除、アプリアイコン、利用規約のURL、カテゴリ、サイトのURLの設定を完了してください。
1. アプリのドメイン (必須)
このフィールドには、合計2つのURL（オリジナルドメイン と サブドメイン付きのURL）が必要です。以下の方法に従って取得し、貼り付けてから、URLが灰色のボックスに変わるまで、キーボードで「Enter（Windows）/ Return（Mac）」を押してください。
- ストアがユニークURLを使用している場合、例えば、https://www.test123.com
2つのURLを入力してください：
www.test123.com と test123.comそれぞれ
- ストアが無料URLを使用している場合、例えば、https://test456.shoplineapp.com
2つのURLを入力してください：
test456.shoplineapp.com と shoplineapp.com それぞれ
上記の太字の赤 のテキストをストアのURLリンクに変更してください。ストアのユニークURLまたは無料URLが不明な場合は、ストアのトップページに移動してコピーできます。
*Note: 公式のSHOPLINEのURLの代わりに、ストアのURLを入力してください。
2. プライバシーポリシーのURL (必須)
プライバシーポリシーは、ウェブサイトがインターネットユーザーの個人データをどのように使用するかについての声明です。ストアでの「プライバシー条件」の公開は、支払い、Google広告、Facebookアプリなどの申請における重要なレビューの1つです。
まず、管理者の[オンラインストアデザイン] > [ページ]に移動して、プライバシーポリシーページのURLを確認します。次に、ここにURLを貼り付けてください：
プライバシーポリシーページがない場合は、デフォルトの「プライバシーポリシー」ページを使用するか、新しいページを作成できます。
A. デフォルトの「プライバシーポリシー」ページを使用する
フォーマットと内容については、SHOPLINEサンプルストアページを参照してください（実際の使用、仕様、要件に応じて編集してください）。設定後、「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: 公式のSHOPLINEのURLの代わりに、ストアのURLを入力してください。
B. 新しい「プライバシーポリシー」ページを作成する
+ テキストページまたは+ 高度なページをクリックして、「プライバシーポリシー」ページを作成します。フォーマットと内容については、SHOPLINEサンプルストアページを参照してください（実際の使用、仕様、要件に応じて編集し、「データアクセスと削除」の情報を指定することを忘れないでください）。
用語「プライバシーポリシー」は、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: 公式のSHOPLINEのURLの代わりに、ストアのURLを入力してください。
*Note: ストアが現在
「Facebookアカウントのクイック登録/メンバーログイン」を使用しており、
以前にFacebookに「privacy-policy」を含む説明的なURLを提供している場合、
ログイン機能を無効にしないために、古いプライバシーポリシーページを削除しないでください。
古いプライバシーポリシーページを削除し、デフォルト/新しいプライバシーポリシーページに移行したい場合は、
「Meta for Developers」に移動し、
古いプライバシーポリシーを含むページを
新しいURLで手動で更新してください。
3. ユーザーデータの削除 (必須)
ドロップダウンメニューから「データ削除手順のURL」を選択してください。
「You can also provide a link」のフィールドに、ストアのトップページのURLを入力します。例："https://www.test123.com" または "https://www.test123.com.tw"。「https://」で始まる安全な暗号化URLを入力してください。
4. カテゴリ (必須)
ストアで提供されるストアの種類やサービスに応じて、メニューから適切なオプションを選択してください。
5. 利用規約のURL (推奨)
このURLリンクは、Facebookログインアプリケーションウィンドウの「アプリの利用規約」に表示されます。ストアのデフォルトの「利用規約」ページを編集し、サービスポリシーや取引の詳細を状況に応じて記述することをお勧めします。その後、このフィールドにページのURLを貼り付けてください。
6. アプリアイコン (必須)
アプリアイコンは、顧客のログインプロセスで「表示名」と共に表示されます。顧客が詐欺や非公式なチャネルによるユーザー情報の収集についての懸念を減らすために、ストアのロゴやブランドアイコンをアップロードすることをお勧めします。Facebookは、1024 x 1024ピクセルのサイズと5MBのファイルサイズの画像をアップロードすることを推奨しています。
7. ウェブサイトのURL (必須)
次に、トップページのURLを再度入力します。例：https://www.test123.com または https://www.test123.com.tw。安全に暗号化されたURLが「https://」で始まることを確認してください。確認後、右下の変更を保存をクリックしてください。
ステップ6. ビジネス認証の完了
2023年2月1日以降、ビジネス認証が、アプリが高度なアクセスを必要とする場合に必要です。
ページを下にスクロールして「ビジネス認証」セクションに移動し、指示に従って認証を完了してください。
*注意： ビジネス認証を完了していない場合、顧客がストアフロントでFacebookアカウントを使って迅速に登録/ログインすると、「以下のいくつかの権限がFacebookによって使用の承認を受けていません」と表示されます。
ステップ7. [Facebookログイン] > [設定]に進んで設定する
左側のメイン商品パネルに進み、アプリケーションの[Facebookログイン] > [設定]に「クライアントOAuthログイン設定」を入力します。
1. 指定された機能スイッチをオンにする
以下の4つの機能スイッチを有効にします。設定後、下の図と比較して確認できます。
- 「クライアントOAuthログイン」をオンにする
- 「ウェブOAuthログイン」をオンにする
- 「リダイレクトURIの厳格モードを使用する」をオンにする
- 「HTTPSを強制する」をオンにする
2. ''有効なOAuthリダイレクトURI''にリンクを入力する
以下の指示に従って、"有効なOAuthリダイレクトURI"の列に対応するリンクを貼り付けます。その後、キーボードで「Enter (Windows) / Return (Mac)」を押します。URLが青い背景の灰色のテキストになると、成功したことを意味します。
- ストアがユニークな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または無料のURLが不明な場合は、ストアのトップページに移動してコピーできます。
*注意：公式のSHOPLINEのURLではなく、ストアのURLを入力してください。
設定が完了したら、右下の「変更を保存」ボタンをクリックしてください。
*重要な注意：送信後、「リダイレクトURLの厳格モードを使用する」スイッチがオフ（「オフ」状態）になっているか再度確認してください。オフ（「オフ」状態）になっている場合は、オンに切り替え（状態を「オン」に変更）、「変更を保存」を再度押してください。
ステップ8. アプリケーションデータの承認状況を確認する
[アプリレビュー] > [権限と機能]に移動し、メールとpublic_profileオプションを確認して有効にし、高度なアクセス権限を取得してください。
アプリケーションがFacebookによって無効にされている場合、高度なアクセス承認をオンにする前にFacebookのレビューを完了する必要があります。アプリケーション設定が正しいことを確認し、再度Facebookに再レビューを提出して確認を受けてください。
ステップ9. アプリケーションの状態を確認する
「アプリ ID」の隣にあるトグルスイッチを確認してください。 アプリのページの上部にあります。 スイッチは「ライブ」である必要があります アプリケーションを使用できるようにするためです。 （スイッチがオフの場合、「開発中」のステータスが表示されます。）
スイッチをオンにしたら、「モードを切り替える」をクリックしてアプリケーションを設定してください アクティブにします。 アプリケーションがオフになっていると、顧客はFacebookアカウントでストアにログインできません！
ステップ 10. ストアの管理者情報を入力する準備をする
左側のメインパネルを確認し、[設定] > [基本]に移動し、「アプリシークレット」の横にある「表示」ボタンをクリックして完全なコードを表示します。アプリ ID とアプリシークレットをコピーし、設定のためにSHOPLINE管理画面に戻ります！
ステップ 11. SHOPLINEストア設定に戻る
方法 1
SHOPLINE管理者 > [設定] > [顧客設定]に進み、「Facebookログイン」の右側にあるトグルをオンにします。
有効にしたら、アプリ ID とアプリシークレットを対応するフィールドにコピー＆ペーストし、次に接続をクリックします。右下の更新ボタンをクリックして設定を保存すると、ストアはFacebookログイン機能を使用する準備が整います。
方法 2
SHOPLINE管理者 > [チャネル統合] > [Facebook] > [オンラインストアアプリケーション]タブに進みます。「Facebook開発者アカウントに接続」の右側にある接続ボタンをクリックします。
アプリ ID とアプリシークレットを対応するフィールドにペーストし、次に接続をクリックします。
「オンラインショップFacebookログイン」の右側にあるトグルをオンにすると、ストアはFacebookログイン機能を使用する準備が整います。
ステップ 12. 同僚のアカウントを管理者として設定する
Meta for Developersアプリケーションは個人アカウントに作成され、バインドされているため、内部の運用上の対立を避けるために、同僚のFacebookアカウントを管理者として追加することをお勧めします。
ステップ 13. Facebookログイン機能を確認する
おめでとうございます！設定が完了し、ストアフロントで確認できます！
ストアのメンバーログインページにアクセスし、「Facebookでログイン」ボタンをクリックすると、顧客にログインとアプリケーションの認可を求めるFacebookウィンドウがポップアップします（ここにアプリの表示名とアイコンが表示されます）。
顧客はFacebookログインアプリケーションにデータへのアクセスを許可する必要があり、そうしないとFacebookログイン機能を使用できません。
*この機能の設定には多くのステップがあります。アプリとログイン設定について質問がある場合は、問題のスクリーンショットを撮ってオンラインビジネスオーナー成功チームに送信してください。できるだけ早くお手伝いします。
2. チェックアウトページのFacebookログインボタン
ストアがオンラインFacebookログイン機能を有効にしていることを確認してください。詳細については、ステップ 10をご覧ください。
上記のいずれかの方法を使用した場合、次のページに「Facebookログイン」ボタンが表示され、顧客はログインボタンをクリックすることで直接ログインできます。
*注意：
-
上記の設定手順は、Shopper AppのFacebookログインボタンの設定には適用されません。
Shopper AppにFacebookログインボタンを表示したい場合は、Facebookアカウントのクイック登録 / メンバーログイン｜Shopper Appをご覧ください。 - Facebookを通じて登録した顧客のみが「Facebookでログイン」ボタンを使用できます。
- メンバー登録 / ログインページ
-
チェックアウトページ：カート & 情報を入力
-
エクスプレスチェックアウトページ
3. よくある質問とトラブルシューティング
i. 顧客がFacebookでログインできない場合、どうすれば助けられますか？
a. 「機能が利用できません」というエラーメッセージが表示されます：
Facebookは時々アプリをレビューおよび更新するため、ビジネスオーナーは定期的にMeta for Developersストアアプリに戻り、左側の「アラート」の「受信トレイ」を確認して最新のFacebookリマインダーを確認し、メッセージ内容に応じてFacebookに返信することをお勧めします。（特にFacebookから発行された「アプリレビューリクエスト」）。ビジネスオーナーは「設定」>>「詳細設定」でAPIバージョンを確認し、バージョンを下に引き下げて最新バージョンを選択することもできます。
アプリケーションの「権限と機能」におけるFacebookデータ使用に必ず返信し、以下のフィールドを確認して続行をクリックして返信を送信し、Facebookによって無効にされないようにしてください。そうしないと、アプリケーションはこのログイン機能を使用できなくなります：
b. 「承認コードなし」または「メールへのアクセス」のようなリマインダーが表示される
Facebookでログインすると、ストアは顧客のFacebookユーザー名とメールにアクセスしてメンバーシッププロファイルを作成します。顧客がFacebookでログインしたときに赤い「承認コードなし」の通知が表示された場合、顧客に次のように指示してください：
1) 自分のFacebookアカウント設定に移動して、名前とメールを入力したことを確認する、
2) 一般アカウント設定に名前と主要連絡先メールを入力する（[Facebook] > [設定とプライバシー] > [設定]）、そして
3) アプリとウェブサイトのログイン機能に接続を許可し、メール確認を完了する。
承認されたメールにアクセスできない場合は、[アプリレビュー] > [権限と機能]に移動し、メールとpublic_profileオプションがオンになっていることを確認して、顧客のFacebookアカウント情報を使用してメンバーシップを作成できるように高度なアクセス権限を取得してください：
c. ログイン時に「このアプリはpublic_profileへの高度なアクセスを持っていません」と表示される
アプリの[アプリレビュー] > [権限と機能]に移動して、メールとpublic_profileオプションが有効になっていることを確認してください。
d. 「無効な資格情報」のプロンプトが表示される：
顧客がFacebookを使用してストアにログインし、赤い「無効な資格情報」のプロンプトが表示された場合は、[アプリ設定] > [詳細]に移動し、「アプリ認証」トグルをオフにしてください。
アプリ設定インターフェースの古いバージョン：
アプリ設定インターフェースの新しいバージョン：
e. 上記のいずれの状況にも該当せず、問題が続く場合：
上記の3つの状況のいずれにも該当しないことを確認したが、顧客がまだログインできない場合は、この記事に記載されている手順を繰り返し、Facebookアプリケーションの「設定」と「公開状況」を再確認してください。問題が続く場合は、関連するスクリーンショットを提供し、管理者からオンラインビジネスオーナー成功チームに連絡してください。
ii. すでにFacebookのクイックログイン機能を持っていますが、ログイン後にMeta for Developersでアプリケーションを見つけられないのはなぜですか？アプリケーション番号が管理ダッシュボードと異なるのはなぜですか？
ストアがFacebookのクイックログイン機能を有効にしている場合、それはクイックログインアプリケーションが作成されたことを意味します。Meta for Developersアプリケーションは個人のFacebookアカウントにバインドされています。したがって、以前の人とは異なるFacebookアカウントでログインし、ログインしたアカウントがアプリケーションの管理権限を持っていない場合、Meta for Developerのストアでアプリケーションを見つけることはできません。
この機能を最初に設定した同僚にMeta for Developerにログインしてアプリケーションを編集する手伝いを依頼する必要があります。ビジネスオーナーは、今後のスムーズな運用と管理のために、ステップ11を参照することもできます。
iii. なぜ私のアプリケーションはFacebookによって無効にされているのですか？異議申し立ての後、どのくらい待つべきですか？
Facebookログイン機能の操作はストアのアプリケーションによって提供されます。アプリケーションが上記の設定に従って完了していない場合、操作の失敗やプライバシーポリシーの不完全などが原因で、Facebookがアプリケーションを警告し無効にする可能性があります（誤認識が発生することがあります）。メッセージの内容を注意深く読み、アプリケーションが完全に設定されていることを確認することをお勧めします。
アプリケーションが要件と設定に準拠していることを確認した後、アプリケーションを通じて異議申し立てをリクエストできます。ストアのFacebookログイン機能は、Facebookから承認を得た後にのみ再操作できます。ただし、SHOPLINEはFacebookのレビューの所要時間を確認することはできません。待機時間が長すぎる場合は、異議申し立てを再提出するか、Facebookに連絡してレビューの進捗を確認するか、この記事に記載されている手順を参考にして新しいアプリケーションを再作成し、顧客に再承認を求めることを検討してください。
iv. Facebookからプライバシーポリシーが不完全であるとの通知を受け取りました。どのように修正できますか？
レビュー中、FacebookはアプリのURLフィールドとプライバシーポリシーの説明に特に注意を払います。不完全な場合は、ステップ5の2番目のポイントを参照してください（記述形式については、現在中国語のみで利用可能なデモストアケースを参照してください）。ウェブサイトのプライバシーポリシーページの内容と、アプリのフィールドが記入されているかどうかを確認してください。確認後、Facebookのメッセージに返信し、再度レビューを依頼してください。
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。
コメント