Start Strong
Sell Smart
Manage with Ease
Market to Success

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

SHOPLINEは便利なFacebookログイン統合を提供しており、顧客はFacebookアカウントを使って迅速にストアに登録またはログインできます。この機能はFacebookによって提供されており、ストア専用のFacebookアプリをインストールする必要があります。したがって、SHOPLINE内でFacebookログインを設定する前に、まずFacebookプラットフォーム上でこのアプリを作成および設定する必要があります。

このガイドに従って、SHOPLINEストアとシームレスに統合するためのFacebookアプリの作成と設定方法を学びましょう。

注： Facebookの設定はプラットフォームの更新により随時変更されることがあります。設定中に問題が発生した場合は、SHOPLINEサポートまでお問い合わせください。

 

 

Facebookアプリの作成と設定

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

ステップ1：Facebook for Developersにアクセス

  1. Facebook for Developersにアクセスし、ご自身のFacebookアカウントでログインしてください。

  2. 右上の「マイアプリ」をクリックします。

  3. 「アプリを作成」をクリックして、アプリ作成プロセスを開始します。

ステップ2：Facebookアプリの作成

  1. 希望のアプリ名を入力し、アプリ連絡先メールを確認します。次に、次へをクリックします。

  2. ユースケースの追加セクションで、Facebookログインでユーザーを認証しデータを要求するを選択し、次に次へをクリックします。

  3. このアプリに連携するビジネスポートフォリオを選択し、次へをクリックします。

  4. 公開要件セクションで必要な項目を確認し、次へをクリックして継続します。

  5. 概要ページで、アプリの詳細、選択したユースケース、連携したビジネスポートフォリオ、公開要件を確認します。次に、アプリを作成をクリックしてアプリの作成を完了します。

  6. アプリが作成されると、セットアップを継続するためにアプリのダッシュボードセクションにリダイレクトされます。

ステップ3: Facebookログインのためのアプリ設定をカスタマイズ

  1. ダッシュボードで、アプリのカスタマイズと要件に移動し、Facebookログインを使用したユーザー認証とデータ要求のカスタマイズをクリックします。

  2. Facebookログインの下で、設定をクリックします。

  3. クライアントOAuth設定セクションで、以下のオプションを有効にします：

    • クライアントOAuthログイン
    • ウェブOAuthログイン
    • HTTPSを強制
    • リダイレクトURIに厳格モードを使用

  4. 有効なOAuthリダイレクトURIフィールドに、ストアのログインページのURLを入力します。必要なURLは、通常アカウント、簡易アカウント、またはその両方を使用しているかによって異なります。

    通常アカウント

    ストアのドメインに「/user/signIn」を追加します。例：

    • ストアのドメインが https://abcd.myshopline.com の場合

      ログインURLは https://abcd.myshopline.com/user/signIn になります

    • カスタムドメインを使用している場合： https://abcd.wxyz.com

      ログインURLは https://abcd.wxyz.com/user/signIn になります

    簡易アカウント

    ストアのドメインに「/account/signIn」を追加します。例：

    • ストアのドメインが https://abcd.myshopline.com の場合

      ログインURLは https://abcd.myshopline.com/account/signIn になります

    • カスタムドメインを使用している場合： https://abcd.wxyz.com

      ログインURLは https://abcd.wxyz.com/account/signIn になります

    通常アカウントと簡易アカウントの両方が有効な場合

    両方のログインURLをフィールドに入力し、それぞれのURLを別の行に配置します（Enterキーで区切ります）。

    注：上記のURLは例です。必ず実際のストアURLに置き換えてください。ストアのトップページURLを参照として使用できます。

  5. 変更を保存をクリックします。

    注：保存後、リダイレクトURIに厳格モードを使用が有効のままであることを確認してください。無効になっている場合は、再度有効にして保存してください。

  6. Facebookログイン > 権限と機能 に移動し、メール を見つけて、ユーザーの主要なメールアドレスへのアクセスを許可するために + 追加 をクリックします。

    注： ユーザーのメールアドレスへのアクセス権をリクエストする方法については、 Facebookの公式ドキュメント をご参照ください。

ステップ4: アプリを審査に提出する

必要な認証手続きを完了するには：

  • （任意） アプリダッシュボードで、Review > Testing に移動し、指示に従ってテスト手順を完了してください。

  • （必須） Review > Verification に移動し、Start verification をクリックして、画面の指示に従いビジネスの認証を行ってください。

必要な認証が完了したら、Publish ページに移動し、右下の Publish ボタンをクリックします。左側のメニューの Publish セクションに Published と表示されたら、アプリが公開されています。

ステップ5: 基本的なアプリ設定を構成する

App settings > Basic に移動し、ストアの情報を入力してください。

注： 一般的なSHOPLINEのプライバシーポリシーリンクではなく、必ずご自身のストアのプライバシーポリシーURLを使用してください。

ステップ6: SHOPLINEでセットアップを完了する

App ID と App secret をコピーし、SHOPLINE管理画面に戻ってコピーした認証情報を使いFacebookログインの設定を完了してください。

 

 

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

SHOPLINE管理画面での手順

ストアでFacebookログインを有効にするには、以下の手順に従ってください：

  1. SHOPLINE管理画面で、設定 > 顧客アカウント > 一般設定 に移動します。

  2. ソーシャルメディアでログイン セクションで、Facebookログイン オプションを見つけて リンク をクリックします。

  3. ポップアップウィンドウで、コピーした App ID と App Secret を入力し、保存 をクリックして有効化を完了します。

  4. Facebookログインオプションは リンク済み ステータスを表示します。ビジネスのニーズに応じて、アカウントタイプ セクションで 通常アカウント、簡易アカウント、または両方のサードパーティログインを有効にするか選択してください。

設定が完了しました。次に、ストアフロントで機能をテストしてください。

Facebookログインのテスト

ストアのサインアップ／ログインページにアクセスし、Facebookサインアップ／ログインアイコンをクリックします。これにより、顧客はFacebookアカウントにログインし、あなたのアプリへの認可を与えるよう促されます（アプリ名とアイコンが表示されます）。

2.2.1_display.png

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

Facebookログイン時のアカウント処理

顧客がFacebookでログインすると、システムはメールアドレスの有無と既存の顧客記録との一致に基づいてアカウントを処理します。

初回ログイン

  • メールアドレスが承認され、アカウントが存在する場合： 顧客のFacebook承認済メールアドレスがストア内の既存のアカウントと一致する場合、その既存のアカウントに自動的にログインされます。コピーアカウントは作成されません。
  • メールアドレスが承認され、既存のアカウントがない場合： メールアドレスが既存のアカウントと一致しない場合、そのメールアドレスが連携された新しいアカウントが作成されます。
  • メールアドレスが承認されない場合： 顧客がメールアドレスへのアクセスを承認しない場合、Facebook IDを使用して新しいアカウントが作成されます。メールアドレスは連携されません。

再ログイン

  • メールアドレスが承認され、アカウントにメールアドレスがなく、メールアドレスが未使用の場合： 顧客がメールアドレスへのアクセスを承認し、現在のアカウントにまだメールアドレスがなく、そのメールアドレスが他のアカウントに連携されていない場合、承認されたメールアドレスがアカウントに追加されます。
  • メールアドレスが承認され、アカウントにメールアドレスがなく、メールアドレスが既に使用されている場合： 顧客がメールアドレスへのアクセスを承認したが、そのメールアドレスが既に他のアカウントに連携されている場合、メールアドレスは追加されず、顧客はログインを続行します。
  • メールアドレスが承認され、アカウントに既にメールアドレスがある場合： 顧客がメールアドレスへのアクセスを承認し、現在のアカウントに既にメールアドレスがある場合、既存のメールアドレスは上書きされず、顧客はログインを続行します。
  • メールアドレスが承認されない場合： 顧客がメールアドレスへのアクセスを承認しない場合、顧客はログインを続行し、アカウント情報の更新は行われません。

 

この記事はAIを使用して翻訳されており、不正確な箇所が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。