• 常見問題
  • 基本設定
  • 金物流設定
    • 付款設定
    • 運送方式設定
  • 商品與版型
    • 商品管理
    • 商品頁版型設定
  • 訂單與出貨
    • 訂單管理
    • 出貨管理
  • 會員管理
  • 網站設計
    • 頁面架構與選單目錄
    • 元件使用與設計
    • 一頁式商店
  • 折扣與購物金
    • 折扣活動設定
    • 折扣排序
    • 優惠碼
    • 購物金
  • 購物流程
  • 數據廣告分析
  • 常見問題
  • 基本設定
  • 金物流設定
    • 付款設定
    • 運送方式設定
  • 商品與版型
    • 商品管理
    • 商品頁版型設定
  • 訂單與出貨
    • 訂單管理
    • 出貨管理
  • 會員管理
  • 網站設計
    • 頁面架構與選單目錄
    • 元件使用與設計
    • 一頁式商店
  • 折扣與購物金
    • 折扣活動設定
    • 折扣排序
    • 優惠碼
    • 購物金
  • 購物流程
  • 數據廣告分析

第三方設定(FaceBook登入及Facebook Store設定)

啟動一鍵登入 Facebook 的功能,讓你的顧客可以使用 Facebook 帳戶便捷地登入你的網店成為會員,不需經過繁複的註冊程序,提供便利的購物體驗。

此為Facebook開發之擴充套件,需註冊Facebook Developers帳號進行串接設定,meepShop僅提供與Facebook登入串接之服務。若您想要在您商店使用該服務,需要先建立好 Facebook 應用程式再回到商店後台進行串接,現在就看著以下操作來設定吧!

提醒您:當串接完成後,請務必留意您Facebook 登入應用程式權限與使用情況,Facebook 會不定時發出的通知與資料審核的訊息,請您需依造期限內回覆FacebooK,以免您的應用程式遭 Facebook 停用。

 

內容目錄 隱藏
Facebook 快速登入 – 串接前置作業與說明
1. Facebook登入設定
2. Facebook登入為何無法使用?
3. Facebook Store設定

 


Facebook 快速登入 – 串接前置作業與說明

 1. 根據 Facebook 商家驗證公告 :自 2023 年 2 月 1 日起,如商家需要串接「Facebook 快速登入」功能予顧客使用,必須為「營業登記商家」,且需完成「商家驗證」方可以做使用。,商家驗證需提交「營業登記」進行驗證,如您是個人戶,沒有申請公司行號,則無法使用此功能。

2. 如果店家在進行「商家驗證」時,有顯示「身分證明文件」的個人驗證方式可供選擇,即便店家可以進行驗證,也將會在 2022/7/31 後失效,失效後,店家一樣需要以「營業登記」的方式進行商家驗證。

3. 個人戶賣家如想串接「快速登入」功能,建議可改串接街:LINE 登入

4. 您的商店必須建立【隱私權條款】 頁面需加註資料使用說明:

提醒您,Facebook 非常重視消費者隱私權,因此會不定時檢查商店隱私權條款內容是否完整,因此這部分請您務必填寫完整。

如收到Facebook 審查依據可以參考 Meta 開放平台使用條款  ,依照 Meta 開放平台使用條款,隱私權條款內容須有會員要求刪除或停止使用個人資料的方式,另外,隱私權條款建議包含以下內容:「消費者可以至商店的聯絡我們 (https://商店網址/pages/XXX.com )要求刪除或停止使用個人資料。」

5.  設定前請務必了解及閱讀以下說明 :Facebook 應用程式為使用個人FB 帳號所建立的資產,敬請妥善保管個人帳號資料並且隨時留意權限及使用情形。Meta 公司每年會多次稽核您設定的 Facebook 應用程式,進行「資料使用情形檢查」通知至應用程式收件匣並同步發送 E-mail 通知信給您,請務必按照訊息內容指示完成資料使用情形檢查,以確保您的FB登入能正常使用,且請務必要在FB指定的期限內完成回覆,否則您的應用程式有可能隨時會受到限制或停用!

 

 

 

1. Facebook登入設定

啟動一鍵登入 Facebook 的功能,讓你的顧客可以使用 Facebook 帳戶便捷地登入你的網店成為會員,不需經過繁複的註冊程序,提供便利的購物體驗。

此為Facebook擴充套件,需註冊 Facebook Developers 帳號進行串接設定,需於meepShop後台安裝「FB登入」之擴充功能,填入Facebook串接之App ID/ Secret,才能啟用此功能。

 

Step 1 : 請至https://developers.facebook.com/ 登入後點選右上角的「我的應用程式」

 

Step 2 : 登入後點選右上角的「建立應用程式」,若您已經建立過,請直接點選要使用的應用程式

 

Step 3 : 選擇「其他 」 → 繼續  

選擇「 消費者 」→ 繼續  


Step 4 : 「應用程式顯示名稱」為必填項目,建議填入「商店/品牌名稱」,「應用程式聯絡電子郵件地址」則會在您進入此頁面時自動帶入您綁定的電子郵件地址,輸入完成後按右下方建立應用程式

 

Step 5 : 請點選「 Facebook 登入 」

 

Step 6 :  請選擇將應用程式使用在「 網站 」中使用,如下圖

Step 7 :  在網站網址內,輸入您商店前台的網址

Ex : https://www.meepshop.com,
若無自訂網域,請您輸入meepShop提供之免費網址 ex: https://您的Cname.meepshoper.com,並按下保存save

注意:務必要填寫https://開頭的安全性加密網址,才能設定成功。 

Step 8 : 進入左方 應用程式設定 → 基本資料 中依序填寫

①顯示名稱:建議輸入商店名稱

②應用程式網域 (必填):請填首頁網址,若您有自訂網域請直接填入您購買的網域ex: https://www.meepshop.com/;若使用meepshop提供之免費網域,請貼入您商店前台網址ex: https://您前台的商店Cname.meepshoper.com

③ 隱私權政策 (必填):網站如何對待網路使用者個人資料之聲明,網路使用者同意或信賴隱私權政策之聲明,即具有契約效力;Facebook 為提升對 Facebook 帳戶的保護,針對外部網站隱私政策更加嚴格審核,請您至您網站「隱私政策 Privacy Policy」頁面取得網址,並貼上此處。

④ 用戶資料刪除 (必填):請填首頁網址,若您有自訂網域請直接填入您購買的網域ex: https://www.meepshop.com/;若使用meepshop提供之免費網域,請貼入您商店前台網址ex: https://您前台的商店Cname.meepshoper.com

⑤ 類別 (必填):請下拉選擇您商店的所屬的類別。

⑥ 聯絡電子郵件 (選填):建議填寫您的客服信箱。

⑦ 服務條款網址 (選填):請您至您網站「服務條款」頁面取得網址,並貼上此處。

⑧ 應用程式圖示:上傳您的LOGO或是品牌圖示,顧客在登入時,應用程式圖示和顯示名稱會一起出現,建議上傳尺寸為 1024 x 1024 像素,檔案大小 5MB 以內的圖片。

 

請再次確認 ① 至 ⑧ 欄位後,請按⑨ 儲存,儲存變更後顯示如下,FB系統會自動幫您偵測並更改應用程式網域

Step 9 : 請移至最下方網站網址的欄位,如該欄位空白,請填入您商店前台的網址,填入後請按右下方儲存變更。

 

Step 10  : 自 2023 年 2 月 1 日起,如果您的應用程式需要進階層級存取權限,則需要完成商家驗證。

請在應用程式設定->基本資料 下滑頁面來到「驗證」區塊,點擊灰色按鈕「開始驗證」,並依照指示完成驗證流程

** 若未完成商家驗證,顧客於前台使用 Facebook 帳號快速註冊/登入會員時,會顯示「以下某些權限已不再獲得 Facebook 批准使用」

驗證程序本身必須在 Facebook 企業管理平台中完成,請選擇企業管理平台的帳號,

點選「開始驗證」

點擊藍色按鈕「立即開始」

必須進行商家驗證的商家,才能繼續下面第 Step 12 的「要求進階存取權限」。

更多關於驗證商家的資訊與步驟,請參考:在「企業管理平台設定」中驗證商家

 

Step 11 : 進入 Facebook 登入 → 設定

1. 開啓「用戶端 OAuth 登入」

2. 開啓「網絡 OAuth 登入」

3. 開啓「對重新導向 URI 使用 Strict 模式」

4. 並在有效的 OAuth 重新導向 URI 輸入「https://www.您商店首頁的網域/fbAuthForLine」+「https://www.您商店首頁的網域/fb-login」(以上藍色的字需請您改為您商店的自訂網域)

例如,您的網域為www.abc123.com, 請於該欄位輸入 https://www.abc123.com/fbAuthForLine 及 https://www.abc123.com/fb-login 

 (因應FB更新安全性規定,前台網址一定要有有效的https:// )

5. 開啟「Login with the JavaScript SDK」並於JavaScript SDK允許的網域輸入「https://www.您商店首頁的網域」

6. 按右下方儲存變更

 

Step12 : 請您至 應用程式審查 → 權限和功能,將 email 以及 public_profile 選項開啟「取得進階的存取權限」

** 請留意如未完成 Step. 10 商家驗證 步驟,無法取得進階權限層級

 

將 email 以及 public_profile 選項開啟「取得進階的存取權限」

請勾選同意後 → 確認

請檢查使用權限層級出現綠色 Advanced Access,應用程式審查狀態為「已自動授予」表示取得進階的存取權限

*註:需進行商家驗證並確認成功,才會取得授權

如狀態顯示「需要驗證」表示您尚未通過商家驗證,需完成商家驗證才能啟用

 

Step 13 : 點選頁面狀態旁的開關,會跳出視窗與您確認是否切換成上線模式? 請按切換模式

 

將狀態調整為「開啟」,並顯示「上線」。

 

Step 14 : 回到設定 → 基本資料頁面,點擊「應用程式密鑰」旁的「顯示」按鈕,讓密鑰代碼顯示出來,並複製該 「應用程式編號」及「應用程式密鑰」,貼回至meepShop後台做串接

 

Step 15 : 回到meepShop後台「設定→第三方設定→FB整合功能」將「應用程式編號」及「應用程式密鑰」貼回,並將下方 按右上方儲存即設定完成。

 

Step 16 : 以上設定完成後,可於前台使用FB登入的功能,請務必提供給顧客有含安全憑證https 的前台網址 ,才能使用FB登入喔!!

提醒您:串接後,請務必留意您Facebook 登入應用程式權限與使用情況,Facebook 會不定時發出的通知與資料審核的訊息,請您需依造期限內回覆FacebooK,以免您的應用程式遭 Facebook 停用。

 

2. Facebook登入為何無法使用?

(1) API版本未升級

由於facebook for developers 不定期會做更新,例如圖形API版本升級,系統將會寄出升級提醒通知郵件。

 

若您許久未做更新,將可能導致無法登入的情況

請您務必至Facebook for developers 確認版次是否為最新版本

 

查看版本:①進入應用程式-> ②設定-> 進階 ③更新到API最新版本

 

(2) 數據使用檢查未授權

Facebook Developers近期推出數據使用檢查,此過程仍然需要您查看您管理的每個應用程序以及您有權訪問並確認平台使用符合Facebook平台條款和開發人員政策。

相關說明: https://developers.facebook.com/blog/post/2020/09/10/data-use-checkup-rolling-out-broadly-facebook-platform-developers/

進入應用程式-> 請確認是否出現以下紅框內訊息,

 

請點擊立即開始,依照步驟完成操作

 

完成後,即可重新回到前台使用Facebook登入看看。

 

** Facebook for Developers不定期會有版本、資訊需要更新或認證

您可於提示-> 收件匣中確認是否有未更新的項目,並於此處更新,避免因久未更新導致登入失效

 

如更新後仍無法使用Facebook登入,建議您重新建立應用程式,將新建立的「應用程式編號」及「應用程式密鑰」貼回到meepShop後台 第三方設定→ Facebook 登入,儲存後即完成。建立應用程式的步驟如上述的 1.Facebook登入設定 

 

(3) 顯示需要確認進階權限

若於Facebook登入後,出現下方權限錯誤訊息

 

請您至 應用程式審查-> 權限和功能,確認 將 email 以及 public_profile 選項開啟「取得進階的存取權限」

 

請勾選同意後-> 確認

 

請檢查使用權限層級出現綠色 Advanced Access,表示已開啟取得進階的存取權限

(4) 安卓手機無法使用FB登入

目前安卓手機無法使用FB登入,主要為Facebook監控發現 Android 內嵌瀏覽器(也稱為 Webview)的網路釣魚嘗試持續增加,因此從2021 / 8 月開始,將不再支援 Android 內嵌瀏覽器的「Facebook 登入」驗證。

官方公告請參考此:https://developers.facebook.com/blog/post/2021/06/28/deprecating-support-fb-login-authentication-android-embedded-browsers/?locale=zh_TW

 

3. Facebook Store設定

meepShop與Facebook 合作串接「商店」功能,讓你可以將商品同步曝光在 Facebook粉絲頁面,消費者若對產品有興趣,立即點擊FB商店內的商品就可以回到你的網站購買。

 

 

Step 1 : 開啟粉絲頁商店頁籤

登入「Facebook企業管理平台」→點擊上方「」按鈕→選擇「商務管理工具」。

 

FB/IG可能會與您收取手續費,請您確認後按繼續

設定結帳方式為『在其他網站上結帳』,接著按繼續

設定銷售管道,請選擇您的粉絲頁,接著按繼續

請選擇您的FB企業管理平台之商業帳號,接著按繼續

如之前沒有設定過商品可選擇新建立目錄

設定您商品送貨的地址,選擇『台灣』,如有販售至國外地區可另外進行勾選,接著按繼續

請再次確認您的設定,如要修改,請點擊變更進行修改,確認無誤後請點選『完成設定』

 

 

Step 2 : 於FB商務管理平台,新增商品到目錄

進入總覽,點擊『新增商品』

請選擇『資料摘要』按繼續

 

請選擇『使用網址或Google試算表的網址』

檔案代管位置的網址: 請進入meepShop後台→行銷-廣告分析→Facebook →點選動態廣告下方的「複製動態網址」按鈕

在將複製動態網址 貼回FB檔案代管位址的網址欄位內,按下方繼續,

 

預設幣別 : 請選擇「TWD-新台幣」,設定更新資料的時間,請選擇「每天」早上7:00 GMT+08:00 →
按右下方「上傳」,
屆時FB商店將會每天早上7:00執行商品的更新

上傳完成後將會顯示新增商品數量的結果,就表示已成功上傳商品。

 

如上傳後有出現商品錯誤訊息,請您需檢查您商品的資訊是否有齊全,如商品沒有價格等,請您依造FB提供的錯誤資訊進行後續修正

 

待FB審核後,回到商品,則會顯示剛已上傳的商品資訊

接著點選左側『總覽』,進行『商店驗證』

*自 2023 年 2 月 1 日起,如果您的應用程式需要進階層級存取權限,則需要完成商家驗證。 

因驗證方式FB 會不定時更改稽核方式,請依序FB提示進行資料上傳驗證 

 

當商家驗證通過後,可點擊總覽,進入『自訂商店』

調整您頁面顯示的 ,設定完成後請點擊右下方『發佈更新』

發佈商店並更新商品後,點擊左側商店,可確認商店『已啟用』的狀態,表示FB也通過您商店和商品的審核囉!(P.S如狀態無法變為已啟用請需等待FB審核通過)

 

接著,回到您的粉絲頁 → 點進「商店」的頁籤,將可查看剛剛匯入的商品

 

點選商品後將會顯示商品照片及售價,並顯示「在網站上結帳」

 

引導消費者到您的meepshop商店進行結帳

 

 

 

 

 

 

 

Tags:FB登入
Related Articles
  • 訊息中心 – 即時聊天室
  • 訊息中心 – 群發訊息
  • 媒體櫃
  • 顧客分析-分眾分析
  • 第三方設定- Beeding 訊息串接功能
  • 訊息中心- Beeding 訊息管理
© 2013-2025 meepShop Limited.
 

載入迴響中...