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