Start Strong
Sell Smart
Manage with Ease
Market to Success

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

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

このガイドに従って、SHOPLINEストアとシームレスに連携するためのFacebookアプリの作成と設定方法を学んでください。

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

 

 

Facebookアプリの作成と設定

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

 

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

  1. Facebook for Developersにアクセスし、ご自身のFacebookアカウントでログインします。
    1.1.1.png
     
  2. 右上のマイアプリをクリックします。
    1.1.2.png
     
  3. 右上のアプリを作成をクリックして、アプリ作成プロセスを開始します。
    1.1.3.png

 

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

  1. 希望するアプリ名を入力し、アプリの連絡先メールアドレスを確認します。次に、次へをクリックします。
    1.2.1.png
     
  2. ユースケースの追加セクションで、Facebookログインを使用してユーザーの認証およびデータ要求を選択し、次へをクリックします。
    1.2.2.png
     
  3. 複数のビジネスポートフォリオを管理している場合は、このアプリに関連付けるものを選択し、次へをクリックします。
    1.2.3.png
     
  4. アプリが作成されたら、ダッシュボードへ移動をクリックして設定を続行します。
    1.2.4.png

 

ステップ3：Facebookログイン用のアプリ設定のカスタマイズ

  1. ダッシュボードで、アプリのカスタマイズと要件に移動し、Facebookログインボタンの追加をカスタマイズをクリックします。
    1.3.1.png
     
  2. Facebookログインの下で、設定をクリックします。
    1.3.2.png
     
  3. クライアントOAuth設定セクションで、次のオプションを有効にします：
    • クライアントOAuthログイン
    • ウェブOAuthログイン
    • HTTPSを強制
    • リダイレクトURIに厳格モードを使用

1.3.3.png

  1. 有効な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キーで区切ります）。

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

1.3.4.png

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

    Note: 保存後、リダイレクトURIに厳格モードを使用が有効のままであることを確認してください。無効になっている場合は、再度有効にして保存してください。
  2. Facebookログイン権限に移動し、emailを見つけて、ユーザーのプライマリメールアドレスへのアクセスを許可するために追加をクリックします。
    1.3.6.png

 

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

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

  • （オプション） アプリダッシュボードで、Review > Testing に移動し、指示に従ってテスト手順を完了します。
    1.4.1.png
     
  • （必須） Review > Verification に移動し、Start verification をクリックして、画面の指示に従いビジネスの認証を行います。
    1.4.2.png
     

  • （必須） Publish > Data handling questions に移動し、Go to data handling questions をクリックします。設定ページで Answer questions about data handling をクリックし、指示に従って認証を完了させます。

    Note: データ取り扱いのセクションを完了する前に、法務チームに相談することを強くお勧めします。

    1.4.3.png

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

 

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

App settings > Basic に移動し、ストアの情報を入力します。

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

1.5.0.png

 

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

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

 

 

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

SHOPLINE管理画面での手順

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

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

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

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

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

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

 

Facebookログインのテスト

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

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

 

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