SHOPLINE では、ユーザーがFacebook アカウントでログインして、メールアドレスや電話番号の登録と並行して、ワンクリックでの迅速なチェックアウトが可能です。この機能を使用するには、ストアに Facebook アプリがインストールされている必要があります。Facebook アプリを作成する手順は別途ありますので、SHOPLINE 管理パネルで構成する前に、まず作成してください。
このガイドでは、Facebook でアプリを作成し、SHOPLINE 管理パネルで迅速なログインを有効にする手順をステップバイステップで説明します。
目次
Facebook アプリを作成して認証情報を取得する
このセクションでは、Facebook アプリを作成し、SHOPLINE ストアで Facebook ログインを有効にするために必要な App ID と App Secret を取得する手順を案内します。
Facebook アプリの作成
- 個人アカウントを使用して Facebook for Developers にログインします。
注意: Meta for Developers アカウントをまだお持ちでない場合は、はじめる をクリックして、アカウントを作成する手順に従ってください。
- マイアプリ をクリックして、アプリ設定ページにアクセスします。
- アプリを作成 をクリックします。
- 「ユースケースの追加」ステップで、Facebook ログインでユーザーからデータを認証およびリクエスト を選択し、次へ をクリックします。
- 「ログインタイプ」ページで、いいえ、ゲームを作成していません を選択し、次へ をクリックします。
- 「アプリの詳細」ページで、希望のアプリ名と連絡用のメールアドレスを入力し、アプリを作成 をクリックします。
アプリの権限とレビューの設定
- ダッシュボードページにアクセスし、Facebookログインボタンを追加するを選択します。
- カスタマイズページで、Facebookログイン > 設定を見つけ、設定に移動をクリックします。
- 次の機能を有効にして、クライアントOAuth設定を進めます:
-
- クライアントOAuthログイン
- Web OAuthログイン
- リダイレクトURIの厳密モードを使用
- HTTPSを強制する
- ストアの有効なOAuthリダイレクトURIフィールドにストアのURLを入力します。
-
- ストアがhttps://www.xxx.comなどの固有のURLを使用している場合、次のURLをこのフィールドにコピーして貼り付けます:https://www.xxx.com/user/signIn そして"xxx"をストアのハンドルに置き換えます。
- ストアがhttps://xxx.shoplineapp.comなどの無料のURLを使用している場合、次のURLをこのフィールドにコピーして貼り付けます:https://xxx.shoplineapp.com/user/signIn そして"xxx"をストアのハンドルに置き換えます。
注意:ストアが固有のURLを使用しているか無料のURLを使用しているか確認できない場合は、ストアのホームページに移動してURLを単純にコピーしてください。
- セットアップを完了したら、変更を保存をクリックします。
注意:送信後、リダイレクトURIの厳密モードが有効になっていることを再確認し、必要に応じて再度保存してください。
- アプリのカスタマイズページに戻り、権限 > メールを見つけます。 追加をクリックしてアプリがユーザーのメールにアクセスする許可を付与します。
- (オプション) より厳しいログイン要件を適用したい場合は、アプリをレビューに提出します。 レビュー > テストおよび/または 検証に移動して、指示に従ってテストと企業の検証手順を完了します。
基本設定の構成と資格情報の取得
- ストア情報に基づいて、アプリ設定 > 基本 に必要事項を記入してください。
注意: プライバシーポリシーURL欄に、SHOPLINEの公式URLではなく、ストア固有のプライバシーポリシーURLを入力してください。
- 入力が完了したら、アプリID と アプリシークレット をコピーしてください。これらは、SHOPLINE管理パネルでFacebookログイン設定を完了する際に必要です。
管理パネルでFacebookログインを有効にする
SHOPLINE管理手順
-
SHOPLINE管理パネルで、設定 > ユーザーアカウントに移動します。
- "クラシックユーザーアカウント"セクションの下にあるサードパーティーアカウントを介してサインインを見つけ、編集をクリックしてください。
- Facebookログインオプションで、リンクをクリックしてください。
- コピーしたアプリID と アプリシークレット をポップアップウィンドウに入力し、保存をクリックしてください。
おめでとうございます!設定が完了しました。今後はストアでこの機能をテストしてください。
Facebookログインのテスト
ストアのサインアップ/ログインページにアクセスし、Facebookサインアップ/ログインアイコンをクリックしてください。これにより、顧客がFacebookアカウントにログインし、アプリに承認を与えるよう促されます(アプリ名とアイコンが表示されます)。
注意: ログイン機能を使用するためには、顧客がFacebookプロフィールへのアクセスを許可する必要があります。 |
コメント