Facebookアカウントを使った顧客ログインの有効化
SHOPLINEは便利なFacebookログイン連携を提供しており、顧客はFacebookアカウントを使って素早くストアに登録またはログインできます。この機能はFacebookによって提供されており、ストアに専用のFacebookアプリをインストールする必要があります。したがって、SHOPLINE内でFacebookログインを設定する前に、まずFacebookプラットフォーム上でこのアプリを作成し設定する必要があります。
このガイドに従って、SHOPLINEストアとシームレスに連携するためのFacebookアプリの作成と設定方法を学びましょう。
| 注： Facebookの設定はプラットフォームの更新により随時変更される場合があります。設定中に問題が発生した場合は、SHOPLINEサポートまでお問い合わせください。 |
Facebookアプリの作成と設定
このセクションでは、Facebookアプリを作成し、SHOPLINEストアでFacebookログインを有効にするために必要なApp IDとApp secretを取得する手順を説明します。
ステップ1：Facebook for Developersにアクセス
-
Facebook for Developersにアクセスし、ご自身のFacebookアカウントでログインします。
- 右上のマイアプリをクリックします。
- 右上のアプリを作成をクリックして、アプリ作成プロセスを開始します。
ステップ2：Facebookアプリの作成
- 希望するアプリ名を入力し、アプリ連絡用メールを確認します。次に次へをクリックします。
-
利用ケースの追加セクションで、Facebookログインを使用してユーザーの認証とデータ要求を選択し、次へをクリックします。
- 複数のビジネスポートフォリオを管理している場合は、このアプリに連携したいものを選択し、次へをクリックします。
- アプリが作成されたら、設定を続けるためにダッシュボードへ移動をクリックします。
ステップ3：Facebookログイン用のアプリ設定をカスタマイズ
- ＜strong＞ダッシュボード＜/strong＞で、＜strong＞アプリのカスタマイズと要件＜/strong＞に移動し、＜strong＞Facebookログインボタンの追加をカスタマイズ＜/strong＞をクリックします。
- ＜strong＞Facebookログイン＜/strong＞の下で、＜strong＞設定＜/strong＞をクリックします。
- ＜strong＞クライアントOAuth設定＜/strong＞セクションで、次のオプションを有効にします：
- クライアントOAuthログイン
- ウェブOAuthログイン
- HTTPSを強制
- リダイレクトURIに厳格モードを使用
-
＜strong＞有効なOAuthリダイレクトURI＜/strong＞フィールドに、ストアのログインページのURLを入力します。必要なURLは、＜strong＞通常アカウント＜/strong＞、＜strong＞簡易アカウント＜/strong＞、または両方を使用しているかによって異なります。
＜strong＞通常アカウント＜/strong＞
ストアのドメインに「/user/signIn」を追加します。例：
-
ストアのドメインが：https://abcd.myshopline.com の場合
ログインURLは：https://abcd.myshopline.com/user/signIn となります
-
カスタムドメインを使用している場合：https://abcd.wxyz.com
ログインURLは：https://abcd.wxyz.com/user/signIn となります
＜strong＞簡易アカウント＜/strong＞
ストアのドメインに「/account/signIn」を追加します。例：
-
ストアのドメインが：https://abcd.myshopline.com の場合
ログインURLは：https://abcd.myshopline.com/account/signIn となります
-
カスタムドメインを使用している場合：https://abcd.wxyz.com
ログインURLは：https://abcd.wxyz.com/account/signIn となります
＜strong＞通常アカウントと簡易アカウントの両方が有効な場合＜/strong＞
両方のログインURLをフィールドに入力し、それぞれのURLを別の行に配置します（Enterキーで区切ります）。
＜strong＞注：＜/strong＞上記のURLは例です。必ず実際のストアのURLに置き換えてください。ストアのトップページURLを参照として使用できます。 -
-
＜strong＞変更を保存＜/strong＞をクリックします。
＜strong＞注：＜/strong＞保存後、＜strong＞リダイレクトURIに厳格モードを使用＜/strong＞が有効のままであることを確認してください。無効になっている場合は、再度有効にして保存してください。 - ＜strong＞Facebookログイン＜/strong＞＞＜strong＞権限＜/strong＞に移動し、＜strong＞email＜/strong＞を見つけて、ユーザーの主要なメールアドレスへのアクセスを許可するために＜strong＞追加＜/strong＞をクリックします。
ステップ4：アプリを審査に提出する
必要な認証手続きを完了するには：
-
（任意） アプリダッシュボードで、Review > Testing に移動し、指示に従ってテスト手順を完了します。
-
（必須） Review > Verification に移動し、Start verification をクリックして、画面の指示に従いビジネスの認証を行います。
-
（必須） Publish > Data handling questions に移動し、Go to data handling questions をクリックします。設定ページで、Answer questions about data handling をクリックし、指示に従って認証を完了させます。
注：データ取り扱いのセクションを完了する前に、法務チームに相談することを強くお勧めします。
必要な認証が完了したら、Publish ページに戻り、右下の Publish ボタンをクリックします。左側のメニューの Publish セクションに Published と表示されれば、アプリが公開されています。
ステップ5：基本的なアプリ設定を構成する
App settings > Basic に移動し、ストアの情報を入力します。
| 注：一般的なSHOPLINEのプライバシーポリシーリンクではなく、必ずご自身のストアのプライバシーポリシーURLを使用してください。 |
ステップ6：SHOPLINEでセットアップを完了する
App ID と App secret をコピーし、SHOPLINE管理画面に戻ってコピーした認証情報を使いFacebookログインの設定を完了します。
管理画面でFacebookログインを有効にする
SHOPLINE管理画面での手順
ストアでFacebookログインを有効にするには、以下の手順に従ってください：
- SHOPLINE管理画面で、設定 > 顧客アカウント > 一般設定 に移動します。
-
ソーシャルメディアでログイン セクションで、Facebookログイン オプションを見つけて、リンク をクリックします。
-
ポップアップウィンドウで、コピーしたApp IDとApp Secretを入力し、保存をクリックして有効化を完了します。
-
Facebookログインオプションはリンク済みのステータスが表示されます。ビジネスのニーズに応じて、アカウントタイプ セクションで、通常アカウント、簡易アカウント、または両方のサードパーティログインを有効にするか選択してください。
設定が完了しました。次に、ストアフロントで機能をテストしてください。
Facebookログインのテスト
ストアのサインアップ／ログインページにアクセスし、Facebookサインアップ／ログインアイコンをクリックします。これにより、顧客はFacebookアカウントにログインし、あなたのアプリへの認可を求められます（アプリ名とアイコンが表示されます）。
| 注：ログイン機能を使用するには、顧客がFacebookプロフィールへのアクセスを許可する必要があります。 |
この記事はAIを使用して翻訳されており、不正確な箇所が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。