快速串接 Facebook 登录和 Facebook SDK – SHOPLINE 常见问题

顾客除了可以使用电子邮件注册成为会员外，Shopper App 还提供使用 Facebook 和 Google 帐号登录的功能，让顾客可以快速一键注册/登录您的 App.

Facebook SDK（由 Meta 提供）是一款基于事件的分析工具，用于跟踪用户在应用内的操作，例如安装应用、查看内容或进行购买。将其与您的移动应用集成可以帮助您收集应用内的客户行为数据，并分析关键的应用内互动，如安装应用、添加付款信息、查看内容和进行购买。这些见解有助于改善广告活动的投资回报率，提高转化率。

一键使用 Facebook 帐号登录为 Facebook 所开发的功能，是通过将 Facebook 的应用程式安装到 App 中才能完成的功能。 Shopper App 会需要先建立好 Facebook 应用程序并新增 Android/iOS 平台，再回到 Shopper App 后台进行配置，敬请耐心依照步骤进行设定。若有画面与此说明不符或是有相关问题的状况，请截取您的屏幕操作画面，提供后台线上顾问帮您确认。

本篇 FAQ 重点讲解如何在 Shopper App 快速串接 Facebook 账户登录会员和 Facebook SDK。

备注：因 Facebook 设定需要使用 App 相关资料，请在首次发布 App 成功后，再新增 Facebook 串接功能。

新增 iOS 和 Android 平台

不管您是需要启用 Facebook 登录或者是启用 Facebook SDK，都必须先在 Facebook 应用里新增 iOS和 Android 平台。

请您点击此链接进入 Meta for Developers ，点击【登录】> 使用您 Facebook 个人帐号登录 > 点击您已建立的应用程序开始来设定 App 登入。如您的旧 App 已经串接过 Facebook 登录/SDK，可以检查下原来的串接方式是否与下面的步骤相同，如一致的话，无需重复进行操作。

备注：请使用已建立的网店 Facebook 应用程序进行 App 的登入设定。如果您尚未建立 Facebook 应用程序，请先参考【设定 Facebook 快速登录】完成应用程序的建立，然后继续以下设定。

新增 iOS 平台

点击左侧主控板的「设定 > 基本数据」页面，向下滑动页面，点击「+新增平台」。
在弹窗内勾选「iOS」，并点击”下一个“。
进行 iOS 套件设置。请按照以下提示进行设置：

项目	设置指引
捆绑包 ID	可在【App Store Connect >综合> App 信息】页面查看捆绑包 ID，复制”套装 ID“填入到此处即可。
iPhone 商店 ID	可在【App Store Connect >综合 > App 信息】页面查看 iPhone 商店 ID，复制“Apple ID”填入到此处即可。
URL 方案后缀	留空，无需填写
iPad 商店 ID	留空，无需填写
共享密钥	留空，无需填写
自动记录应用内事件（推荐）	预设开启
提供测试说明	无需处理

新增 Android 平台

点击左侧主控板的「设定 > 基本数据」页面，向下滑动页面，点击「+新增平台」。
在弹窗内选择「安卓」。
在下拉框选择「Google Play」，并点按「下一步」。
进行安卓套件设置。

请按照以下提示进行设置：

设置项	设置指引
密钥哈希	在【Google Play console >设置>应用签名」页面，向下滑动页面找到应用签名密钥证书区块，复制 SHA-1 证书指纹。把 SHA-1 证书指纹复制到填写工具网站转译成 base64 编码，将「Output」输出的内容复制填写到此处。
自动记录应用内事件（推荐）	预设开启
Google Play 凭据	预设关闭
包名称	在【Google Play console >设置>应用签名」页面，向下滑动页面找到 Digital Asset Links JSON 文件区块，将 package name 后面” " 内的内容复制填写到此处。 *如果填写完毕后出现”验证 app-ads txt 时发生错误“的提示，请忽略。
类名	固定填写”com.shopline.appbuilder.DeeplinkActivity“
安装引荐来源解密密钥	自动生成，无需处理
提供测试说明	无需处理

启用 Facebook 登录

在 Facebook 新增完 iOS 和 Android 平台后，回到 SHOPLINE 商店后台设置，并按照以下步骤启用 Facebook 登录：

进入 Apps > Shopper App > App Publish > 插件集成。
点击 Facebook 登录下的“Edit"或点击开关。如您还未在 Shopper App 平台商家或者无旧 App，开关处于禁用状态，不可开启。
填写 Facebook App ID 和 Access Token，填写完成后点击”OK“，完成设置。
- 填写指引：请您点击此链接进入 Meta for Developers ，点击您【已建立的应用程序>应用程序设置>先进的】页面查看 Facebook App ID 和 Access Token。

特别提醒

1. 如您已串接 Facebook 登录并且 App 已发布至应用市场，请不要随意修改 Facebook App ID 和 Access Token，一旦修改，线上 App 会无法成功登录 Facebook，并且修改后需要重新提交新版发布申请，旧版本客户需要更新到新版后才可成功登录 Facebook。

2. 由于 Apple 规定 App 接入三方登录时必须支持 Apple Login，如您已启用 Facebook Login， Sign in With Apple 会自动启用，您不可关闭；如您后续关闭 Facebook Login 且也没有串接 Google Account Login 的话， Sign in With Apple 也会自动关闭。关闭 Facebook Login，无需发布新版，关闭后线上 App 会立即生效。

启用 Facebook SDK

在 Facebook 新增完 iOS 和 Android 平台后，回到 SHOPLINE 商店后台设置，并按照以下步骤启用 Facebook SDK：

进入 Apps > Shopper App > App Publish > 插件集成。
打开 Facebook SDK 下的开关。如您还未在 Shopper App 平台商家或者无旧 App，开关处于禁用状态，不可开启。
填写 Facebook App ID 和 Access Token，填写完成后点击”OK“，完成设置。