顧客向けFacebookログイン機能の有効化設定 – SHOPLINE ヘルプセンター

SHOPLINEでは、顧客がFacebookアカウントを使ってストアにログインできるよう設定できます。これにより、メールアドレスや電話番号での登録に加えて、ワンクリックでスムーズな購入手続きを実現することが可能です。

この機能を利用するには、ストアにFacebookアプリを設定する必要があります。なお、Facebookアプリの作成はSHOPLINEとは別のプロセスとなるため、管理画面での設定に進む前に、事前にFacebook上でアプリを作成しておく必要があります。

この記事では、Facebookでアプリを作成する手順と、SHOPLINE管理画面内でクイックログイン機能を有効にする方法について、順を追ってご紹介します。

Facebookアプリを作成して認証情報を取得する

SHOPLINEストアでFacebookログインを有効にするために必要な、App IDとApp Secretを取得する手順をご紹介します。

個人のFacebookアカウントでMeta for Developersにログインします。
1.1.1_facebook developers.png

注：

まだMeta for Developersアカウントをお持ちでない場合は、「利用を開始する」をクリックし、画面の案内に従ってアカウントを作成してください。

ログイン後、画面右上の「My Apps」をクリックして、アプリ管理ページに進みます。
[アプリを作成] をクリックします。
「使用ケースを追加」画面で、「Facebookログインを利用してユーザーを認証およびデータリクエストする」を選択し、[次へ] をクリックします。
「ログインタイプ」画面で、「いいえ、ゲームを作成していません」を選択し、[次へ] をクリックします。
「アプリの詳細」画面で、希望するアプリ名と連絡用メールアドレスを入力し、[アプリを作成] をクリックします。

ダッシュボードページにアクセスし、「Facebookログインボタンの追加をカスタマイズ」を選択します。
カスタマイズページで、Facebookログイン ＞設定を探し、[設定に移動] をクリックします。
Client OAuth設定セクションで、以下の項目を有効にします。
- Client OAuth Login
- Web OAuth Login
- リダイレクトURIの厳密モードを使用（Use Strict Mode for Redirect URIs）
- HTTPSを強制（Enforce HTTPS）

「有効なOAuthリダイレクトURI」フィールドに、ストアのURLを入力します。

独自ドメイン（例：https://www.xxx.com）を使用している場合：https://www.xxx.com/user/signIn（「xxx」の部分をストアハンドルに置き換えてください）

無料ドメイン（例：https://xxx.shoplineapp.com）を使用している場合：
https://xxx.shoplineapp.com/user/signIn（「xxx」の部分をストアハンドルに置き換えてください）

注：

ストアのURLが独自ドメインか無料ドメインか不明な場合は、ストアのトップページを開き、ブラウザのアドレスバーから直接URLをコピーしてください。

入力が完了したら、「変更を保存」をクリックします。

注：

保存後、「リダイレクトURIの厳密モード（Use Strict Mode for Redirect URIs）」が有効になっているかを再度確認し、必要に応じてもう一度保存してください。

アプリのカスタマイズページに戻り、権限＞ Email を探して、[追加] をクリックします。
これにより、ユーザーのメールアドレスへのアクセス権限がアプリに付与されます。
（オプション）より厳格なログイン要件を設けたい場合は、アプリをFacebookにレビュー申請することができます。レビュー ＞ テストおよび/または認証 から、案内に沿ってテストと企業認証を完了してください。

Facebookアプリの管理画面で、アプリ設定 ＞基本に進み、ストア情報に基づいて必要事項を入力します。

注：

「プライバシーポリシーURL」欄には、SHOPLINE公式のURLではなく、ストア独自のプライバシーポリシーURLを入力してください。
入力が完了したら、画面に表示されている「App ID」と「App Secret」をそれぞれコピーします。これらは、SHOPLINE管理画面でFacebookログイン機能を設定する際に必要となります。