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