顧客向けFacebookログイン機能の有効化設定
SHOPLINEでは、Facebookアカウントによるログイン機能を統合でき、顧客は自分のFacebookアカウントを使って迅速にストアに新規登録またはログインできます。
この機能はFacebookが提供する仕組みに基づいており、ストアに専用のFacebookアプリを設定する必要があります。そのため、SHOPLINE管理画面でFacebookログインを設定する前に、Facebookプラットフォーム上でアプリを作成・設定する必要があります。
この記事では、SHOPLINEストアとシームレスに統合できるよう、Facebookアプリの作成と設定方法を解説します。
| 注:Facebookの仕様は、プラットフォームのアップデートにより変更される場合があります。設定中に問題が発生した場合は、SHOPLINEサポートまでお問い合わせください。 |
Facebookアプリの作成と設定
SHOPLINEでは、顧客がFacebookアカウントを利用してストアに新規登録またはログインできる、便利なFacebookログイン統合機能を提供しています。この機能を有効にするには、Facebookが提供するFacebookログインをストアで動作させるための専用Facebookアプリを作成し、SHOPLINEに設定する必要があります。
以下では、そのためのFacebookアプリの作成と設定手順をステップバイステップでご案内します。
手順1:Facebook for Developers にアクセス
-
Meta for Developersにアクセスし、個人のFacebookアカウントでログインします。
- 画面右上の「マイアプリ」をクリックします。
- [アプリを作成]をクリックして、アプリ作成のプロセスを開始します。
手順2:Facebookアプリの作成
- 作成画面でアプリ名と連絡用のメールアドレスを入力し、[次へ]をクリックします。
- ユースケース選択画面で「認証:Facebookログインでユーザーのデータを取得」を選び、[次へ]をクリックします。
- 必要に応じてビジネスポートフォリオ(管理中のビジネス資産グループ)を選択し、[次へ]をクリックします。
- アプリ作成後、[ダッシュボードに移動]をクリックして設定画面へ進みます。
手順3:Facebookログインの設定をカスタマイズ
- ダッシュボードの「アプリのカスタマイズと要件」セクションから「Facebookログインボタンの追加をカスタマイズ」を選択します。
- 「Facebookログイン」設定画面へ移動します。
- 以下の項目を有効にしてください。
-
クライアント OAuth ログイン
-
Web OAuth ログイン
-
HTTPS を強制(Enforce HTTPS)
-
リダイレクトURIの厳格モード(Strict Mode for Redirect URIs)を使用
-
- 「有効なOAuthリダイレクトURI」に、ストアのログインURLを入力します。形式は以下の通りです:
注:「xxx」は実際のストアURLに置き換えてください。 - 無料SHOPLINEドメイン:https://xxx.shopline.com/user/signIn
- 独自ドメイン:https://www.xxx.com/user/signIn
- [変更を保存]をクリックします。
注:保存後、「Strict Mode for Redirect URIs」が有効のままかを再確認し、必要に応じて再有効化のうえ再保存します。
-
Facebookログイン > パーミッション 内で「email」を追加し、ユーザーの主要メールアドレスへのアクセスを許可します。
手順4:アプリの審査と公開
- (任意)ダッシュボードの レビュー > テスト で動作確認を行います。
-
レビュー > ビジネス認証 で「承認の開始」をクリックし、ビジネス認証の手順を進めます。
-
公開 > データ処理に関する質問 に移動し、「データ処理に関する質問に回答する」を選択し、プロンプトに従って回答してください。
注:設定前に法務チームへの確認を推奨します。
認証が完了したら「公開」ページの[公開]をクリックします。左メニューに「公開済み」と表示されたら、アプリが正式公開された状態です。
手順5:アプリの基本設定を入力
ダッシュボードの 設定 > 基本 で以下を入力します。
| 注:プライバシーポリシーのURL(必ずご自身のストア専用URLを使用し、SHOPLINEの汎用リンクは使用不可) |
手順6:SHOPLINE管理画面で設定を完了
- Facebookアプリの「App ID」と「App Secret」をコピーします。
- SHOPLINE管理画面に戻り、コピーした情報を入力してFacebookログインを有効化します。
管理画面でFacebookログインを有効化する
SHOPLINE管理画面での手順
- SHOPLINE管理画面で 設定 > 顧客アカウント に進みます。
-
外部サービスを利用したログイン設定セクションで、「Facebookログイン」を探し、[連携する]をクリックします。
- ポップアップウィンドウに、コピーしたApp IDとApp Secretを入力し、[保存]をクリックします。
- これで設定は完了です。次にストア上で機能をテストしましょう。
Facebookログインのテスト
ストアの新規登録/ログインページにアクセスし、[Facebookで登録/ログイン]アイコンをクリックします。
顧客が自分のFacebookアカウントでログインし、アプリへの認証を許可するよう求められます。(この際、アプリ名とアイコンが表示されます。)
| 注:顧客は、Facebookプロフィールへのアクセスを許可しないとログイン機能を利用できません。 |