Facebook 帐号快速注册/登录会员|Shopper App

4. EC + SC.png

12. 品牌會員購物 App.png

顾客除了可以使用 Email 电邮注册成为会员外,Shopper App 也提供使用 Facebook 帐号登录的功能,让顾客可以快速一键注册/登录您的商店。

⚠️ 开始前请注意:

  • 因 Facebook 登录设置需要使用 App 相关资料,请在首次发布 App 成功后,再新增 Facebook 登录功能。
  • 请使用已建立的网店 Facebook 应用程序进行 App 的登录设置。若您尚未建立 Facebook 应用程序,请先参考 Facebook 帐号快速注册/登录会员|顾客设置 步骤一至十一完成建立,再继续以下设置。

 

本篇文章将分别介绍:

 

一、Meta for Developers 设置

前往 Meta for Developers,使用 Facebook 个人帐号登录,并点击已建立的应用程序开始设置。

截圖 2026-09-02 中午12.42.24.png

 

于左侧主控板点击前往「设置 > 基本资料」,下滑至底部,点击「+ 添加平台」进行 iOS 和 Android 平台登录设置。

截圖 2026-09-02 下午1.04.26.png

 

A. 新增 iOS 平台

步骤一

于弹窗选择「iOS」,点击「下一步」。

截圖 2026-09-02 下午1.21.44.png

 

步骤二

请按照以下提示进行 iOS 套件设置。

*注意:

  • 若您的 App 还未进行首次发布,请先进行首次发布。
  • 于输入框输入内容后,需点击「Enter」才会输入成功。

截圖 2026-09-02 下午2.42.16.png

项目 设置建议

Bundle ID

在 App Store Connect 的「一般资讯 > App 资讯」页面,复制「Bundle ID」填写至此即可。

bundle_ID_EN.png

iPhone Store 编号

在 App Store Connect 的「一般资讯 > App 资讯」页面,查看 iPhone Store 编号,复制「Apple ID」填写至此即可。

Apple_ID_EN.png

网址格式后缀

留空,无须填写

iPad Store 编号

暂不支持 iPad,无须填写

共享密钥

留空,无须填写

深层链接

默认关闭

自动记录应用内事件(推荐)

默认开启

确认移动应用程序所有权

目前无须处理

 

B. 新增 Android 平台

步骤一

于弹窗选择「Android」,点击「下一步」。

截圖 2026-09-02 下午3.08.22.png

 

步骤二

于下拉框中选择「Google Play」,并点击「下一步」。

截圖 2026-09-02 下午3.09.32.png

 

步骤三

请按照以下提示进行 Android 套件设置。

*注意:

  • 若您的 App 还未进行首次发布,请先进行首次发布。
  • 于输入框输入内容后,需点击「Enter」才会输入成功。

截圖 2026-09-02 下午3.11.18.png

项目 设置建议

密钥散列

  1. Google Play Console 页面点击应用程序进入后,于「由 Google Play 保护」页面下方的「Play 商店防护措施」区块点击「管理 Play 应用程序签署」。

    Screenshot 2026-05-27 at 1.38.13 AM.png

  2. 在「应用程序签署金钥凭证」页面取得 SHA-1 凭证指纹。
    Screenshot 2025-10-14 at 4.00.40 PM.png
     
  3. 使用 SHA-1 凭证指纹填写工具网站,并获取 base64 编码的指纹凭证,「Output」 输出的即为应在 Facebook 平台输入密钥散列资料。

    ZH10.png

深层链接

默认关闭

自动记录应用内购买(推荐)

默认开启

Google Play 凭证

默认关闭

软件包名称

Google Play Console 页面找到应用程序,于应用名称下方取得软件包名称。

Screenshot 2024-12-03 at 6.58.40 PM.png

若出现验证发生错误提示,请忽略。

类名

随意填写,或可填写 1

确认移动应用程序所有权

目前无须处理

安装引荐来源解密密钥

不可编辑

 

二、应用程序审核

步骤一:审核前准备

申请权限前,请先确保「设置 > 基本资料」中的隐私政策网址、服务条款网址,以及「Facebook 登录 > 设置 > 资料删除请求资料删除请求网址已经填写完整。

 

步骤二:确认应用程序资料授权状态

请前往左侧主控板 >「应用程序审核 > 权限和功能」,确认开启 email 以及 public_profile 选项,取得进阶的访问权限。

*注意:若是您的应用程序被 Facebook 停用,需要先完成 Facebook 的审核才能开启进阶授权开关,请先确认应用程序的设置正确后,提交予 Facebook 重新审核。

Screenshot 2024-12-04 at 12.03.23 PM.png

 

步骤三:获取权限

请确认 email 以及 public_profile 的使用权限层级如下图所示:

Screenshot 2024-12-04 at 12.04.00 PM.png

 

步骤四:确认应用程序状态

您需要将「应用编号」旁的应用模式开关设置为「开启」(上线状态),应用程序才能正常使用;若开关尚未开启,显示灰色「调整中」状态,顾客将无法使用 Facebook 帐号登录商店。

Screenshot 2024-12-04 at 12.06.00 PM.png

 

三、SHOPLINE 后台设置

步骤一

前往「商店后台 > Shopper App 管理 > App 发布设置」,找到「第三方串接设置」区块,于「新增第三方服务」下拉菜单点击「Facebook Login」。

截圖 2026-09-02 下午3.45.51.png

 

步骤二

将 Facebook for Developers 主控板「设置 > 基本资料」中的「应用程序编号」填入 Facebook App ID 输入框,在「设置 > 进阶」页面中的「客户端口令」资料填入客户端权限输入框,填写好后勾选「已确认无误」,点击「储存」提交资料。

截圖 2026-09-02 下午3.53.20.png

 

步骤三

串接成功后,系统将显示已串接的 Facebook Login,您可以手动开启/关闭该登录方式,或点击「编辑」修改信息。

*注意:

  • 功能开关仅支持 v1.19 及以上的平台版本号,且当发布状态为「发布处理中」、「审核中」或「信息待修改」时,该开关无法操作。
  • 若您已串接并发布过 Facebook Login ,调整开关状态后 App 会即时生效,无需再提交发布申请。

截圖 2026-03-20 下午3.01.21.png

 

若串接未成功,您可以点击「编辑」修改信息,或点击「移除」删除该登录方式,删除后可再次新增。

截圖 2026-03-20 上午10.47.48.png

 

步骤四

若您想串接 Meta 像素,追踪顾客在 App 端的浏览、加入购物车、加入追踪清单、购物车前往结账、购买行为等事件,请参考:Meta 像素串接|Shopper App

截圖 2026-05-11 下午4.54.34.png

 

步骤五

点击页面右下方「提交 App 发布申请」,App 更新至应用程序商店后,Facebook Login 才会生效。

截圖 2026-03-20 上午10.50.11.png

 

 

 

 

 

还有其它问题?提交请求

评论