請您複製網址:https://developers.facebook.com/ 進入 Meta for Developers 並使用您 Facebook 個人帳號登入。登入後,點選「我的應用程式 > 建立應用程式」開始來建立 Facebook 應用程式。
若在此前您尚未建立任何應用程式,則點擊我的應用程式後,會顯示「還沒有應用程式」的頁面,並邀請您建立第一款應用程式。
步驟二:建立 Facebook 應用程式
點擊建立應用程式後,頁面會詢問「想為應用程式新增哪些使用案例」,選擇「設定 Facebook 登入 > 繼續」。「應用程式顯示名稱」為必填項目,建議填入「商店/品牌名稱」。「應用程式聯絡電子郵件地址」則會在您進入此頁面時自動帶入您綁定的電子郵件地址。若您有 Facebook 企業管理平台,也可於下方「商業帳號」選填欄位選取您管理此應用程式的平台,最後點選「建立應用程式」。
步驟三:新增「Facebook 登入」應用程式
接著會進入主控版頁面,點選頁面左側的「產品」。於「Facebook 登入」欄位右側的下拉式選單點選「設定 > 快速入門」。
接著請選擇要將應用程式使用在「網站」中。
步驟四: 輸入商店網址
請在「網站網址」中輸入您商店首頁網址,例如:https://mor-e.tw,請注意:務必要填寫 https:// 開頭的安全性加密網址,輸入完畢確認後,請點選右下角的「保存 (Save)」按鈕,並待應用程式存取網址。步驟五:進入應用程式「基本資料」中設定
接下來請到左側主控版,進入「設定 > 基本資料」完成應用程式網址、隱私政策網址、用戶資料刪除、應用程式圖示、服務條款、類別、網站網址欄位的設定。1.應用程式網域(必填)
這個欄位總共會需要輸入網址如: mor-e.tw
以上「紅字粗體的範例網址」請更換成您的商店網址,申請的xxx.com網域
2.隱私政策網址(必填)
輸入網址如: mor-e.tw/ privacy.php隱私政策為網站「將如何對待網路使用者個人資料」之聲明,商店中是否有揭露「隱私條款」為金流審核、Google廣告投放審核、Facebook 應用程式的審核項目之一。
3.用戶資料刪除(必填)
從選單選擇「資料刪除回呼網址」。如果欄位空白請輸入商店首頁網址,例如:https://www.mor-e.tw/index.php,請注意:務必要填寫 https:// 開頭的安全性加密網址
4.類別(必填)
請依照您的商店販售的商品或是服務類型,從選單中選取合適的選項。
5. 服務條款網址(建議填寫)
輸入網址如: https://mor-e.tw/ servicepolicy.php
此網址連結會顯示在 Facebook 登入應用程式的視窗「應用程式條款」中,建議您編輯商店的預設分頁「條款與細則」,並依實際情況描述您商店的服務項目與交易細則,完成後將分頁網址連結放置在此欄位中。
6. 應用程式圖示(必填)
應用程式圖示會和「顯示名稱」一起出現在顧客登入流程,建議您上傳商店 Logo 或是品牌圖示完整呈現給顧客,減少顧客認為是詐騙或是非正式管道搜集用戶資料的疑慮。Facebook 建議上傳尺寸為 1024 x 1024 像素,檔案大小 5MB 以內的圖片。
7. 網站網址(必填)
接下來請往下滑,到「新增平台」的區塊
點選「Website」後點擊「下一步」
欄位請再次輸入商店首頁網址,例如:https://mor-e.tw/,請注意:務必要填寫 https:// 開頭的安全性加密網址,輸入完畢確認後請點選右下角的「儲存變更」按鈕。
步驟六:完成商家驗證
自 2023 年 2 月 1 日起,如果您的應用程式需要進階層級存取權限,則需要完成商家驗證。向下滑動頁面至商家驗證區塊,依照指示完成驗證流程。
步驟七:進入「Facebook 登入 > 設定」中設定
接下來回到 Meta for Developers 頁面,點選左側「Facebook 登入 > 設定」中的「用戶端 OAuth 設定」進行設定。1. 將指定功能開關開啟
請開啟以下 4 個功能開關,設定完畢後可以與下圖比對確認
- 開啓「用戶端 OAuth 登入」
- 開啓「網路 OAuth 登入」
- 開啓「對重新導向 URI 使用 Strict 模式」
- 開啓「強制採用 HTTPS」
2.在「有效的 OAuth 重新導向 URI 」輸入連結
請網頁工程師提供導向網址,完成設定後 請點選右下角「儲存變更」按鈕。
輸入網址如: https://mor-e.tw/loginfb.php
步驟八:確認應用程式資料授權狀態
請到「應用程式審查 > 權限和功能」確認將 email 以及 public_profile 選項開啟取得進階的存取權限。*請留意:若是您的應用程式被 Facebook 停用,會需要先完成 Facebook 的審核才能開啟進階授權的開關,請您先確認應用程式的設置正確後先提交重新審核予 Facebook 確認。
步驟九:提供測試帳號
提供應用程式編號、密鑰提供給網頁工程師串接測試
工程師提供FB ID,將工程師加入測試人員進行測試