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 個人帳號登入,並點選已建立的應用程式開始設定。

ZH1_2023.png

 

於左側主控板點選前往「設定 > 基本資料」,下滑至底部,點選「+ 新增平台」進行 iOS 和 Android 平台登入設定。

Screenshot 2024-11-28 at 4.37.26 PM.png

 

A. 新增 iOS 平台

步驟一

於彈窗選擇「iOS」,點選「下一步」。

ZH5.png

 

步驟二

請按照以下提示進行 iOS 套件設定。

*注意:

  • 若您的 App 還未進行首次發佈,請先進行首次發佈。
  • 於輸入框輸入內容後,需點擊「Enter」才會輸入成功。

Screenshot 2024-11-28 at 4.41.19 PM.png

項目 設定建議

套件組合編號

在 App Store Connect 的「一般資訊 > App 資訊」頁面,複製「套件識別碼」填寫至此即可。

app_store_1.png

iPhone Store 編號

在 App Store Connect 的「一般資訊 > App 資訊」頁面,查看 iPhone Store 編號,複製「Apple ID」填寫至此即可。

app_store_2.png

網址配置尾碼

留空,無須填寫

iPad Store 編號

暫不支援 iPad,無須填寫

共用密碼

留空,無須填寫

深層連接

預設關閉

自動記錄應用程式內事件(建議)

預設開啟

確認行動應用程式所有權

目前無須處理

 

B. 新增 Android 平台

步驟一

於彈窗選擇「Android」,點選「下一步」。

Screenshot 2024-11-28 at 12.43.42 PM.png

 

步驟二

於下拉框中選擇「Google Play」,並點選「下一步」。

ZH6.png

 

步驟三

請按照以下提示進行 Android 套件設定。

*注意:

  • 若您的 App 還未進行首次發佈,請先進行首次發佈。
  • 於輸入框輸入內容後,需點擊「Enter」才會輸入成功。

Screenshot 2024-11-28 at 4.41.55 PM.png

項目 設定建議

金鑰雜湊

  1. Google Play Console 頁面點擊應用程式進入後,於「由 Google Play 保護」頁面下方的「Play 商店防護措施」區塊點擊「管理 Play 應用程式簽署」。

    Screenshot 2026-05-27 at 1.18.35 AM.png

     

  2. 在「應用程式簽署金鑰憑證」頁面取得 SHA-1 憑證指紋。
    Screenshot 2025-10-14 at 4.00.17 PM.png

     
  3. 使用 SHA-1 憑證指紋填寫工具網站並獲取 base64 編碼的指紋憑證,「Output」 輸出的即為應在 Facebook 平台輸入金鑰雜湊資料。

    ZH10.png

深層連結

預設關閉

自動記錄應用程式內事件(建議)

預設開啟

Google Play 憑證

預設關閉

套件名稱

Google Play Console 頁面找到應用程式,於應用名稱下方取得套件名稱。

Screenshot 2024-11-28 at 4.27.50 PM.png

若出現驗證發生錯誤提示,請忽略。
package_image_2.png

級別名稱

隨意填寫,或可填寫 1

確認行動應用程式所有權

目前無須處理

Install Referrer 解密金鑰

不可編輯

 

二、應用程式審查

步驟一:審核前準備

申請權限前,請先確保「設定 > 基本資料」中的隱私政策網址服務條款網址,以及Facebook 登入 > 設定 > 資料刪除要求資料刪除要求網址已經填寫完整。

 

步驟二:確認應用程式資料授權狀態

請前往左側主控版 >「應用程式審查 > 權限和功能」,確認開啟 email 以及 public_profile 選項,取得進階的存取權限。

*注意:若是您的應用程式被 Facebook 停用,需要先完成 Facebook 的審核才能開啟進階授權開關,請先確認應用程式的設定正確後,提交予 Facebook 重新審核。

Screenshot 2024-11-28 at 4.38.41 PM.png

 

步驟三:獲取權限

請確認 email 以及 public_profile 的使用權限層級如下圖所示:
Screenshot 2024-11-28 at 4.39.25 PM.png

 

步驟四:確認應用程式狀態

您需要將「應用編號」旁的應用模式開關設定為「開啟」(上線狀態),應用程式才能正常使用;若開關尚未開啟,顯示灰色「調整中」狀態,顧客將無法使用 Facebook 帳號登入商店。

Screenshot 2024-11-28 at 4.40.12 PM.png

 

三、SHOPLINE 後台設定

步驟一

前往「商店後台 > Shopper App 管理 > App 發佈設定」,找到「第三方串接設定」區塊,於「新增第三方服務」下拉選單點選「Facebook Login」。

Screenshot 2025-05-28 at 12.07.18 PM.png

 

步驟二

將 Facebook for Developers 主控版「設定 > 基本資料」中的「應用程式編號」填入 Facebook App ID 輸入框,在「設定 > 進階」頁面中的「用戶端權杖」資料填入用戶端權杖輸入框,填寫好後勾選「已確認無誤」,點選「儲存」提交資料。

Screenshot 2025-05-28 at 12.09.44 PM.png

 

步驟三

串接成功後,系統將顯示已串接的 Facebook Login,您可以手動開啟/關閉該登入方式,或點選「編輯」修改資訊。

*注意:

  • 功能開關僅支援 v1.19 及以上的平台版本號,且當發佈狀態為「發佈處理中」、「審核中」或「資訊待修改」時,該開關無法操作。
  • 若您已串接並發佈過 Facebook Login ,調整開關狀態後 App 會即時生效,無需再提交發佈申請。
Screenshot 2026-03-18 at 4.48.48 PM.png

 

若串接未成功,您可以點選「編輯」修改資訊,或點選「移除」刪除該登入方式,刪除後可再次新增。

Screenshot 2026-03-18 at 5.13.02 PM.png

 

步驟四

若您想串接 Meta 像素,追蹤顧客在 App 端的瀏覽、加入購物車、加入追蹤清單、購物車前往結帳、購買行為等事件,請參考:Meta 像素串接|Shopper App

Screenshot 2026-05-04 at 9.43.54 AM.png

 

步驟五

點選頁面右下方「提交 App 發佈申請」,App 更新至應用程式商店後,Facebook Login 才會生效。

Screenshot 2026-03-18 at 4.21.35 PM.png

 

 

 

 

 

還有其他問題?提交請求

評論