Start Strong
Sell Smart
Manage with Ease
Market to Success

Facebookアカウントでのログイン・サインアップを有効にする

Shopper Appでは、メールでの登録に加え、FacebookまたはGoogleアカウントを使用したログイン・サインアップも可能です。これにより、顧客はよりスムーズで簡単に登録・ログインできます。

この記事では、Shopper AppとFacebookログインの統合方法に焦点を当てています。Googleアカウントでのログイン設定については、この記事をご参照ください。

Facebookが提供するワンクリックFacebookアカウントログイン機能を有効にするには、Shopper AppにFacebookアプリを統合する必要があります。まず、Facebookアプリを作成し、AndroidおよびiOSプラットフォームを追加します。設定が完了したら、Shopper Appに戻って構成を行います。設定手順に沿って慎重に進めてください。設定中に問題が発生した場合は、スクリーンショットを撮影し、ストアオーナーの成功マネージャーに相談してください。

注：

Facebookログインの設定にはアプリデータが必要です。そのため、最初のアプリリリースが成功した後にこの機能を有効にすることを推奨します。

 

 

iOS および Android プラットフォームの追加

Meta for Developersにアクセスし、Facebookアカウントでログインして、すでに作成したアプリを選択してアプリログインを構成します。以前のアプリがすでにFacebookログインを統合している場合は、同じプロセスに従っていればこれらのステップをスキップできます。
1-0 choose app.png

注：

アプリにFacebook ログインを設定するには、オンラインストアでFacebook ログインを有効にしたときと同じFacebook アカウントを使用してください。Facebook アプリケーションを作成していない場合は、続行する前にFacebookでユーザーログインを有効にするを参照して、Webアプリケーションを作成してください。

 

iOS プラットフォームの追加

  1. 左サイドバーから、アプリ設定 > 基本に移動します。ページを下にスクロールして、+ プラットフォームを追加 をクリックします。
    1-1-1 add platform.png
  2. ポップアップダイアログで、iOS を選択し、次へ をクリックします。
    1-1-2 choose iOS.png
  3. iOS パッケージ設定を構成します。
    1-1-3.0 iOS required.png
    • Bundle ID: AppleのApp Store Connectで確認できます。 一般 > アプリ情報 に移動し、Bundle ID をコピーします。
    • iPhone ストア ID: App Store Connect でも、一般 > アプリ情報 に移動し、Apple ID をコピーします。
      1-1-3.1 iOS bumdle app id.png
    • URLスキームサフィックス: 空白のままにします。
    • iPad ストア ID: 空白のままにします。
    • 共有シークレット:空白のままにします。
    • アプリ内イベントを自動的にログイン（推奨）: デフォルトでオンになっています。
    • テスト手順を提供: 特別な操作は必要ありません。

 

Androidプラットフォームの追加

  1. 左サイドバーから、アプリ設定 > 基本に移動します。ページを下にスクロールして、+ プラットフォームを追加をクリックします。
  2. ポップアップダイアログで、Androidを選択し、次へをクリックします。
    1-2-2 Android platform.png
  3. ドロップダウンメニューから、Google Playを選択し、次へをクリックします。
    1-2-3 Google Play.png
  4. Androidパッケージ設定を構成します。
    1-2-4.0 Android required.png
    • キーハッシュ: Google Playコンソールで見つけます。 セットアップ > アプリ署名に移動します。ページを下にスクロールして、アプリ署名キー証明書セクションに移動し、SHA-1証明書フィンガープリントをコピーします。次に、オンラインツールを使用して、それをbase64形式に変換し、結果をコピーします。
      1-2-4.1 Android key hash.png
    • 自動的にログインアプリ内イベントを記録する（推奨）: デフォルトでオンになっています。
    • Google Play資格情報: デフォルトでオフになっています。
    • パッケージ名: Google Playコンソールで見つけます。 セットアップ > アプリ署名に移動し、デジタルアセットリンクJSONセクションに移動し、コードブロック内のパッケージ名をコピーします。 "app-ads.txtの検証エラー"と表示された場合は、無視してください。
      1-2-4.2 android package name.png
    • クラス名: “com.shopline.appbuilder.DeeplinkActivity”と入力します。
    • インストールリファラー復号キー: 自動生成され、操作は必要ありません。
    • テスト手順を提供: 操作は必要ありません。

 

FacebookアプリIDとアクセストークンの取得

Meta for Developersで、アプリをクリックし、アプリ設定 > 詳細に移動して、FacebookアプリIDとアクセストークンを見つけます。後で使用するために保存してください。
1-1-3 FB app id.png

 

 

Facebookアカウントログインの有効化と設定

Meta for DevelopersでiOSおよびAndroidプラットフォームを追加した後、SHOPLINE管理パネルに戻り、Facebookログインの設定を完了します。

  1. SHOPLINEの管理パネルから、アプリ ＞ Shopper App に移動します。
  2. アプリ公開タブに移動し、アプリケーション統合セクションの編集ボタンをクリックします。
    2-2 shopper app integ.png
  3. ソーシャルログインセクションで、Facebookログインのトグルをオンにします。以前にSHOPLINE経由または他の方法でアプリを公開していない場合、トグルは非公開になります。
    2-3 shopper app FB login integ.png
  4. Facebook App IDとAccess Tokenを入力し、OKをクリックしてセットアップを完了します。
    2-4 FB app id token.png

 

 

特記事項

  • アプリがすでに公開され、Facebookログインと統合されている場合は、Facebook App IDやAccess Tokenを変更しないでください。変更すると、現在のアプリバージョンでFacebookログインが無効になります。変更が必要な場合は、新しいバージョンを審査に提出する必要があり、ユーザーはアプリを更新してFacebookログインを再度有効にする必要があります。
  • Appleの要件により、サードパーティのログインをサポートするアプリは、Apple IDでサインインもサポートする必要があります。 Facebookログインが有効になっている場合、Apple IDでサインインも自動的に有効になります。 Facebookログインを無効にすると、Googleアカウントでログインを統合しない限り、Apple IDでサインインも無効になります。