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を使用して翻訳されており、不正確な箇所が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。