• Topic 主题 トピック Topic Topic
  • Sign in

Facebookアカウントを使用した顧客ログインの有効化

 

SHOPLINEでは、顧客がFacebookアカウントでストアにログインし、メールアドレスや電話番号の登録と並行してワンクリックでのチェックアウトを行うことができます。この機能を使用するには、ストアにFacebookアプリをインストールする必要があります。Facebookアプリを作成するには別の手順が必要なため、SHOPLINE管理画面で構成する前に設定してください。

この記事では、Facebookでアプリを作成し、SHOPLINE管理画面でクイックログインを有効にする手順をステップバイステップで説明します。

 

目次

 


 

Facebookアプリを作成して資格情報を取得する

このセクションでは、Facebookアプリを作成し、SHOPLINEストアでFacebookログインを有効にするために必要なApp IDとApp Secretを取得する手順を案内します。

 

Facebookアプリの作成 

  1. 個人アカウントを使用してFacebook for Developersにログインします。
    1.1.1_facebook developers.png
    Note: Meta for Developersアカウントをまだお持ちでない場合は、開始 をクリックして、アカウントを作成する手順に従ってください。
  2. マイアプリ をクリックしてアプリ設定ページにアクセスします。
    1.1.2_facebook developers My Apps.png
  3. アプリを作成 をクリックします。
    1.1.3_ facebook developers create app.png
  4. 「ユースケースの追加」ステップで、Facebookログインでユーザーからデータを認証およびリクエスト を選択し、次へ をクリックします。
    1.1.4_authenticate FB login.png
  5. 「ログインタイプ」ページで、いいえ、ゲームを作成していません を選択し、次へ をクリックします。
    1.1.5_not build a game.png
  6. 「アプリの詳細」ページで、希望のアプリ名と連絡先用のメールアドレスを入力し、アプリを作成 をクリックします。
    1.1.6_app created.png

 

アプリの権限とレビューの設定

  1. ダッシュボードページにアクセスし、Facebookログインボタンの追加をカスタマイズ を選択します。
    1.2.1_Customize adding a Facebook Login button.png
  2. カスタマイズページで、Facebookログイン設定 を見つけ、設定に移動 をクリックします。
    1.2.2_go to settings.png
  3. 以下の機能を有効にして、クライアントOAuth設定 を進めます:
    1.2.3_Client OAuth settings.png
    • クライアントOAuthログイン
    • Web OAuthログイン
    • リダイレクトURIの厳密モードを使用
    • HTTPSを強制する
  1. ストアのURLを 有効なOAuthリダイレクトURI フィールドに入力します。
    1.2.4_Valid OAuth Redirect URIs.png
    • ストアが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を単純にコピーしてください。
  1. セットアップを完了したら、変更を保存 をクリックします。
    Note: 送信後、リダイレクトURIの厳密モード が有効になっていることを再確認し、必要に応じて再度保存してください。
  2. アプリのカスタマイズページに戻り、権限メール を見つけます。 追加 をクリックしてアプリにユーザーのメールアクセス権限を付与します。
    1.2.6_Permissions Email Add.png
  3. (オプション)より厳しいログイン要件を適用したい場合は、アプリをレビューに提出します。 レビューテスト および/または 検証 に移動して、指示に従ってテストと企業の検証手順を完了します。
    1.2.7_Review Testing.png

 

基本設定の構成と資格情報の取得

  1. ストアの情報に基づいて、アプリ設定基本 に必要事項を記入してください。
    1.3.1_App settings Basic.png
    Note: プライバシーポリシーURL フィールドには、SHOPLINE の公式URLではなく、ストア固有のプライバシーポリシーURLを入力してください。
  2. 入力が完了したら、App IDApp secret をコピーしてください。これらは、SHOPLINE の管理画面でFacebookログインの設定を完了する際に必要です。
    1.3.2_App ID and App secret.png

 


 

管理画面でFacebookログインを有効にする

 

SHOPLINE管理画面の手順

  1. SHOPLINEの管理画面で、設定顧客アカウント に移動してください。
    2.1.1_Settings Customer account.png
  2. 「通常顧客アカウント」セクションの下にある サードパーティアカウントを介してサインイン を見つけ、編集 をクリックしてください。
    2.1.2_Sign in through third-party accounts.png
  3. Facebookログインオプションで、リンク をクリックしてください。
    2.1.3_link fb login.png
  4. コピーした App IDApp Secret をポップアップウィンドウに入力し、保存 をクリックしてください。
    2.1.4_Enter the copied App ID and App Secret.png

設定が完了しました。今すぐストアで機能をテストしてください。

 

Facebookログインのテスト

ストアのサインアップ/ログインページにアクセスし、Facebookサインアップ/ログインアイコンをクリックしてください。これにより、顧客がFacebookアカウントにログインし、アプリに承認を与えるよう促されます(アプリ名とアイコンが表示されます)。
2.2.1_display.png

Note: 顧客はログイン機能を使用するために、Facebookプロフィールへのアクセスを許可する必要があります。

 

この記事は役に立ちましたか?

Need more help? Contact us via the chatbox in your admin panel.

需要更多帮助?通过您商店后台的对话框与我们联系。

Need more help? Contact us via the chatbox in your admin panel.

Need more help? Contact us via the chatbox in your admin panel.

さらにサポートが必要ですか?必要なすべてのサポートをご提供いたします。

Log In and Get Help 登录并获取支援 Log In and Get Help Log In and Get Help お問い合わせ
他にご質問がございましたら、リクエストを送信してください

コメント