快速串接 Facebook 登录和 Facebook SDK
顾客除了可以使用电子邮件注册成为会员外,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 凭据 |
预设关闭 |
包名称 |
在【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。
- 填写指引:请您点击此链接进入 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“,完成设置。