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

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

⚠️ 开始前请注意:

  • 因 Facebook 登入设定需要使用 App 相关资料,请在首次发布 App 成功后,再新增 Facebook 登入功能。

  • 请使用已建立的网店 Facebook 应用程式进行 App 的登入设置。若您尚未建立 Facebook 应用程式,请先参考 Facebook 帐号快速注册/登入会员|顾客设定 步骤一至十一完成建立,再继续以下设置。

 

本篇文章将分别介绍:

 

一、Meta for Developers 设置

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

Image_21-4-2023_at_5.32_PM.jpg

 

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

add_platform.png

 

A. 新增 iOS 平台

步骤一

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

Screenshot 2024-12-04 at 11.59.27 AM.png

 

步骤二

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

*注意:

  • 若您的 App 还未进行首次发布,请先进行首次发布。
  • 于输入框输入内容后,需点击「Enter」才会输入成功。
Screenshot 2024-12-04 at 12.00.01 PM.png

 

项目 设置建议

套件组合编号

App Store Connect 的「一般信息 > App 信息」页面,复制「套件识别码」填写至此即可。
bundle_ID_EN.png

iPhone Store 编号

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

Apple_ID_EN.png

网址配置尾码

留空,无须填写

iPad Store 编号

暂不支持 iPad,无须填写

共用密码

留空,无须填写

深层连接

默认关闭

自动记录应用程式内事件(建议)

默认开启

确认行动应用程式所有权

目前无须处理

 

B. 新增 Android 平台

步骤一

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

Screenshot 2024-12-04 at 12.01.05 PM.png

 

步骤二

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

EN6.png

 

步骤三

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

*注意:

  • 若您的 App 还未进行首次发布,请先进行首次发布。
  • 于输入框输入内容后,需点击「Enter」才会输入成功。
Screenshot 2024-12-04 at 12.01.58 PM.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

确认行动应用程式所有权

目前无须处理

Install Referrer 解密金钥

不可编辑

 

二、应用程式审查

步骤一:审核前准备

申请权限前,请先确保「设置 > 基本资料」中的隐私政策网址、服务条款网址,以及「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」。

截圖 2025-10-20 上午11.13.00.png

 

步骤二

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

截圖 2025-10-20 上午11.14.50.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

 

 

 

 

 

 

 

还有其它问题?提交请求

评论