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 頁面點擊應用程式進入後,於「測試及發佈 > 設定 > 應用程式簽署」頁面的「應用程式簽署金鑰憑證」區塊取得 SHA-1 憑證指紋。
    Screenshot 2024-11-28 at 12.06.40 PM.png
  2. 使用 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 後台設定

步驟一

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

ZH17.png

 

步驟二

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

ZH18.png

 

步驟三

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

ZH19.png

 

 

 

 

 

 

還有其他問題?提交請求

評論