一、Facebook 快速登入 - 串接前說明

 

 

𝟭. 根據 Facebook 商家驗證公告 ：自 2023 年 2 月 1 日起，如商家需要串接「Facebook 快速登入」功能予顧客使用，必須為「營業登記商家」，且需完成「商家驗證」方可以做使用。

 

𝟮. 再次強調！目前只有「營業登記」商家可以使用此功能，個人賣家無法使用此功能。

 

𝟯. 個人賣家如想串接「快速登入」功能，請改串接：LINE 會員快速登入功能：https://s.shopstore.tw/fEvov／Google 快速登入功能：https://s.shopstore.tw/6rb0y。

 

𝟰. 請商家務必先擁有「企業管理平台帳號」，再進行以下操作。如無「企業管理平台帳號」，請先點擊前往建立：https://shopstore.tw/article/306。

 

𝟱. 以下，小編皆會一個段落一個段落教學、說明，請店家務必完成文內提及的所有設定，方可以串接成功「Facebook 會員快速登入」功能。

 

 

 

---

 

 

 

二、Facebook 快速登入串接 - 前置作業

 

 

 

 

 

 

---

 

 

 

三、Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位

 

 

 

 

 

 

 

 

 

 

 

確認您的電子郵件地址是否正確→點擊右下方藍色按鈕「確認電子郵件」。

 

＊如果「Primary email」欄位內的電子郵件不正確，可以點擊右下方灰色按鈕「更新電子郵件地址」進行更新。

 

 

 

 

 

在「以下何者最符合你的情況？」內，選擇「擁有者／創辦人」。

 

 

 

 

 

點擊右下方藍色按鈕「完成註冊」。

 

 

 

 

 

 

 

 

 

 

在「你可以透過新方式使用 Meta 建立應用程式」視窗中，點擊右下方藍色按紐「建立應用程式」。

 

＊此視窗只是單純說明 Meta 已更新為新版的應用程式建立方式，所以其實點擊右上方「Ｘ」也可以，並不影響後續操作。

 

 

 

 

 

 

 

 

 

 

點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

在「你在打造遊戲嗎？」區塊，選擇「否，我沒有在打造遊戲」。

 

 

 

 

點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

 

 

 

 

確認設定的資訊皆正確，點擊右下方綠色按鈕「建立應用程式」。

 

 

 

 

 

此時，頁面即會來到「應用程式主控板」頁面。請商家於「1. 自訂此應用程式」區塊內，點擊【自訂新增「Facebook登入」按鈕】選項。

 

 

 

 

 

在「設定」區塊，點擊右方灰色按紐「前往設定」。

 

 

 

 

 

在「有效的 OAuth 重新導向 URI」欄位內，輸入「（網站網址）＋/user/facebook/callback」。

 

＼舉例來說／

 

如果您商店是綁定「獨立網域」，例如：https://skincare.com，

 

▸在此欄位請輸入：https://skincare.com/user/facebook/callback

 

如果您商店是使用「子網域」，例如：https://skincare.shopstore.tw，

 

▸在此欄位請輸入：https://skincare.shopstore.tw/user/facebook/callback

 

 

 

 

 

確認輸入的資訊正確，點擊右下方藍色按鈕「儲存變更」。

 

 

 

 

 

在「權限」的「email」區塊內，點擊右方灰色按紐「新增」。

 

＊如果商家在上一步點擊「儲存變更」後，系統導向的是「空白頁面（可點擊查看示範圖片）」，商家可以直接點擊瀏覽器左上方的「←」返回上一頁，系統就會來到此步驟的頁面囉！（此為 Facebook 的系統 BUG）

 

 

 

 

 

此時，Email 的權限就會更新為「可供測試」，代表新增成功！接下來，商家可以點擊右上方灰色按紐「返回」。

 

＊注意：商家可以再次確認「email」和「public_profile」權限，是否皆有顯示「可供測試」。

 

 

 

 

 

於左方選單點擊前往「應用程式設定」→「基本資料」。

 

 

 

 

 

在「應用程式網域」欄位，輸入商店的「網站網址」。

 

＼舉例來說／

 

如果您商店是綁定「獨立網域」，例如：https://skincare.com，

 

▸在此欄位請去掉 https:// 直接輸入：skincare.com

 

如果您商店是使用「子網域」，例如：https://skincare.shopstore.tw，

 

▸在此欄位請去掉 https:// 直接輸入：skincare.shopstore.tw

 

 

 

 

 

在「隱私政策網址」、「服務條款網址」以及「用戶資料刪除」內的「資料刪除指示網址」欄位，皆輸入商家網站的「服務條款及隱私政策網址」。

 

＼舉例來說／

 

https://skincar.shopstore.tw/about_policy

 

＊注意：店家輸入的「服務條款及隱私政策網址」頁面網址，此頁面內一定要包含，於【二、Facebook 快速登入串接 - 前置作業】內提到的相關說明。

 

 

 

 

 

在「應用程式圖示（1024 x 1024）」內，點擊中間灰色圖片區塊。

 

 

 

 

 

點擊中間灰色按鈕「選擇檔案」並上傳圖片。

 

 

 

 

 

在「類別」點擊下拉選單，選擇「Messenger Bots for Business」。

 

 

 

 

 

下滑頁面至底部的「新增平台」區塊。

 

 

 

 

 

點擊「新增平台」灰色按鈕。

 

 

 

 

 

在「選擇平台」視窗中，選擇左上方的「Website」選項。

 

 

 

 

 

點擊右下方藍色按鈕「下一步」。

 

 

 

 

 

在「網站」區塊內的「網站網址」欄位，輸入您商店的「網站網址」。

 

＼舉例來說／

 

https://skincar.shopstore.tw

 

 

 

 

 

確認設定的資訊皆正確，點擊右下方藍色按鈕「儲存變更」。

 

 

 

 

 

---

 

 

 

 

 

 

 

 

 

 

選擇其中一種，Facebook 稍後可以提供「驗證碼」予您的聯絡方式。

 

 

 

 

 

點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

分別上傳您的組織證明文件。

＊如果您不太確定要上傳什麼文件與所需內容，可點擊藍色文字「受理的文件」做查看。

 

 

 

 

 

確認上傳的資料皆正確，點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

 

 

 

 

 

 

點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

在「確認碼」欄位，輸入您收到的「驗證碼」→點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

點擊右下方藍色按鈕「完成」。

 

 

 

 

 

在「驗證」區塊內，狀態即會顯示為「審查中」。

 

 

 

 

 

回到「Facebook Developer」→「檢查」→「驗證」內，即可在「商家驗證」區塊，觀看到您的商家驗證狀態顯示為「🟢 審查中」。

 

此時，請商家稍等待「約 2 個工作天」Facebook 審查資料的時間。

 

＊注意：當資料「審核通過」後，Facebook 並不寄信通知商家，會需要商家自行來此頁面觀看「狀態」是否更新為「已驗證」。

 

 

 

 

 

 

 

 

 

---

 

 

 

五、Facebook 快速登入串接 - 步驟 3. 後台串接

 

 

 

 

 

 

 

 

 

 

 

---

---

 

 

 

 

不過如果商家設定完成後，有出現「資料使用情形檢查」視窗，也建議商家繼續依照以下步驟【八、Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查】完成資料檢查，以避免過一陣子後會無法使用「Facebook 快速登入」功能，需要再重新回來提交資料檢查。

 

那如果商家沒有出現「資料使用情形檢查」視窗，也可以於左方選單點擊前往「通知收件匣」，確認看是否有收到「[需要採取動作] 年度資料使用情形檢查」的信件，如有的話，也可點擊信件內的「開始檢查」，並一樣依照下方步驟完成資料檢查。

 

而在 Facebook 完全沒有通知商家需要進行「資料使用情形檢查」的情況下，商家可以直接略過【八、Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查】，直接前往【九、前台 Facebook 登入使用流程】觀看「Facebook 快速登入」的前台實際使用流程！

 

 

---

---