如何在商店啟用顧客 Facebook 快速登入/註冊功能?

如何在商店啟用顧客 Facebook 快速登入/註冊功能?

發布日期:2023-07-12 09:00:55 / 更新時間:2024-05-16 09:00:23
 

如何在商店啟用顧客 Facebook 快速登入/註冊功能?

 


 

今天就帶店老闆們來了解:

 

*請使用「電腦」閱讀與操作,Facebook Developers,不支援手機操作!

 


 

ShopStore 除了一般的顧客註冊登入,我們還有提供顧客可以使用 Facebook 帳號進行登入及註冊!店家只須完成幾項設定就可以為消費者帶來更便捷的消費體驗囉!

 

由於 Facebook Developers 會不定期更新的做介面更新,小編也會盡力在第一時間可以更新文章,因此如店家在操作時有任何介面上的疑問,都非常歡迎與客服聯繫的!

 

更新時間:2024/05/16。

 


 

 

 

一、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 快速登入串接 - 前置作業

 

 

 

登入ShopStore 店家管理後台→前往「基本設定」→「商店設定」。

 

Facebook 快速登入串接 - 前置作業-步驟1

 

 

 

 

下滑頁面至「服務條款與隱私權政策」區塊,並點擊展開。

 

Facebook 快速登入串接 - 前置作業-步驟2
 
 
 
 
輸入「Facebook 登入」如何收集、運作、使用顧客資料。
 
*較無頭緒的店家,可以直接複製以下文字,並置入於「二、個人資料的蒐集、處理及利用方式」下方:
 
本公司可能透過 Facebook 或類似社群服務系統,於取得您的同意後,將部分本網站的資訊發布於您的社群活動資訊頁面,若您不同意該等訊息之發布,請您勿點選同意鍵,或於事後透過各該社群服務之會員機制移除該等資訊或拒絕本網站繼續發布相關訊息。若有任何問題,仍可與本公司聯絡,本公司將協助您確認、處理相關問題。若您所填寫之送貨地址、聯絡人、聯絡方式等非您本人之個人資料,您同意已取得各該當事人之同意提供予本公司,並已代本公司就前開法定告知事項予以告知。除依法應提供予司法、檢調機關、相關主管機關,或與本公司協力廠商為執行相關活動必要範圍之利用外,本公司將不會任意將您的個人資料提供予第三人。
 
Facebook 快速登入串接 - 前置作業-步驟3
 
 
 
 
於此「服務條款及隱私政策」區塊,常按右方「滾動條」下滑至視窗底部。
 
Facebook 快速登入串接 - 前置作業-步驟4 
 
 
 

 
在底部空白區塊輸入,當顧客使用「Facebook 登入」功能後,如需要取消綁定、刪除資料,該如何與您聯繫及處理。
 
*較無頭緒的店家,可以直接複製以下文字並置入:
 

八、聯繫管道

 

對於本網站之隱私權政策有任何疑問,或者想提出變更、移除個人資料之請求,請前往本網站「聯絡我們」頁面提交表單。

 
Facebook 快速登入串接 - 前置作業-步驟5
 
 
 

 
確認輸入的資訊皆正確,點擊右下方藍色「儲存」按紐。
 

Facebook 快速登入串接 - 前置作業-步驟6

 

 

 

 


 

 

 

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

 

 

 

前往「Facebook Developers」頁面→點擊右上方選單「登入」。

 

*如果店家進入此頁面後,您的右上方選單無「登入」選項,不過是有顯示「我的應用程式」選項,請店家直接選擇「我的應用程式(可點擊查看示範圖片)」,之後前往【】繼續操作即可。

 

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

 

 

 

 

點擊「 使用Facebook帳號登入」按鈕。

 

Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位-step2
 
 
 
 
登入您的 Facebook 帳戶。
 
Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位-step3
 
 
 
 
點擊右上方選單「開始使用」。
 
Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位-step4
 
 
 

 
點擊右下方藍色按鈕「繼續」。
 
Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位-step5
 
 
 

 
在「手機號碼」欄位內,輸入可連絡您,且稍後方便進行驗證的「電話號碼」。
 
Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位-step6
 
 
 

 
點擊右下方藍色按鈕「發送驗證簡訊」。
 
Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位-step7
 
 
 

 
在「輸入簡訊中的驗證碼」欄位上,輸入您收到的驗證碼。
 
Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位-step8
 

 

 

 

 

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

 

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

 

 

 

 

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

 

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

 

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

 

 

 

 

在「以下何者最符合你的情況?」內,選擇「擁有者/創辦人」。

 

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

 

 

 

 

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

 

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

 

 

 

 

點擊頁面上的綠色按鈕「建立應用程式」。

 

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

 

 

 

 

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

 

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

 

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

 

 

 

 

在「建立應用程式」頁面,請  務必一定  選擇上方的「使用 Facebook登入,驗證用戶並索取資料」選項。
 
*請千萬"不要"選擇「其他」。

 

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

 

 

 

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

輸入應用程式相關資料。

 

𝟭. 新增應用程式名稱:輸入您此應用程式的名稱(也可輸入「商店名稱」)。

 

𝟮. 應用程式聯絡電子郵件地址:輸入可連絡您的 Email 地址。

 

𝟯. 商家資產管理組合:雖然頁面上顯示為"選填",但 Facebook 登入串接會需要進行商家驗證,因此對所有商家來說皆為「必填」。請商家選擇您的「企業管理平台帳號」。

 

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

 

 

 

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

在「有效的 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

 

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

 

 

 

 

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

 

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

 

 

 

 

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

 

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

 

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

 

 

 

 

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

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

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

 

\舉例來說/

 

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

 

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

 

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

 

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

 

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

 

 

 

 

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

 

\舉例來說/

 

https://skincar.shopstore.tw/about_policy

 

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

 

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

 

 

 

 

在「應用程式圖示(1024 x 1024)」內,點擊中間灰色圖片區塊。

 

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

 

 

 

 

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

 

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

 

 

 


 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

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

 

\舉例來說/

 

https://skincar.shopstore.tw

 

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

 

 

 

 

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

 

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

 

 

 

 


 

 

 

 

四、Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確 認是否成功

 

 

 

登入「Facebook Developers」→於左方選單,點擊前往「檢查」→「驗證」。

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step1

 

 

 

 

在「商家驗證」區塊,點擊右方灰色按鈕「開始驗證」。

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step2
 
 
 
 
在「驗證」區塊內,點擊藍色按鈕「開始驗證」。
 
Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step3
 
 
 
 
點擊藍色按鈕「立即開始」。
 
Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step4 
 
 
 

 
在「國家/地區」點擊下拉選單,選擇「台灣」。
 
Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step5
 
 
 

 
點擊藍色按鈕「繼續」。
 
Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step6
 
 
 

 
輸入組織詳細資料。
 

𝟭. 組織名稱:輸入您營業登記的「公司名稱」。

 

𝟮. 街道地址:輸入您營業登記「公司地址」。

 

𝟯. 街道地址行2/地區:如果您有其他地址,亦可於此欄位做輸入。

 
𝟰. 城市:輸入您營業登記的「公司所在城市(例如:台南市)」。
 
𝟱. 州/省/地區:輸入您營業登記的「公司所在地區(例如:台灣)」。
 
𝟲. 郵遞區號:輸入您營業登記的「公司郵遞區號」。
 
𝟳. 電話號碼:輸入 Facebook 稍後方便傳送驗證碼予您的「手機號碼」。
 
𝟴. 網站:輸入您的「商店網址(例如:https://demo123.shopstore.tw)」。
 
Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step7
 
 
 

 
確認輸入的資訊皆正確,點擊右下方藍色按鈕「繼續」。
 
Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step8
 

 

 

 

 

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

 

𝟭. 電子郵件:選擇此項,Facebook 稍後即會傳送「驗證碼」至您的「網域 Email(例如:@shopstore.tw)」,因此請尚未擁有「網域 Email」的商家,千萬不要選擇此方式。

 

𝟮. 電話通話:選擇此項,Facebook 稍後即會撥打電話予您,並說明「驗證碼」為何(只會重複 3 次驗證碼數字)。

 

𝟯. 簡訊(SMS):選擇此項,Facebook 稍後即會依照您提供的「手機號碼」傳送「驗證碼簡訊」予您。

 
𝟰. 網域驗證:選擇此項,Facebook 稍後即會自動幫您偵測,「獨立網域」是否已有完成「Facebeook 網域驗證」。

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step9

 

 

 

 

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

 Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step10

 

 

 

 

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

 

𝟭. 驗證法定名稱:需上傳「公司登記證明文件與執照」、「營業執照」、「公司章程」其中一種文件。

 

𝟮. Verify phone number:需上傳「水電費帳單」、「銀行對帳單」、「營業執照」其中一種文件。

 

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

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step11

 

 

 

 

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

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step12

 

 

 

 

在「偏好的通話語言」選擇「英國(美國)」。
 
*因通話語言內沒有「繁體中文」,因此小編選擇「英語」,那如果店家外語較不順的話,可以在「」選擇「簡訊(SMS)」的驗證方式!

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step13

 

 

 

 

 

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

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step14

 

 

 

 

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

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step15

 

 

 

 

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

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step16

 

 

 

 

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

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step17

 

 

 

 

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

 

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

 

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

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step18

 

 

 

 

當「驗證狀態」顯示為「🟢 已驗證」,代表已通過「商家驗證」!

 

Facebook 快速登入串接 - 步驟 2. 進行商家驗證並確認是否成功-step19

 

 

 

 


 

 

 

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

 

 

 

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

 

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

 

 

 

 

在「應用程式密鑰」,點擊灰色按鈕「顯示」。

 

Facebook 快速登入串接 - 步驟 3. 後台串接-step2
 
 
 
 
將「應用程式編號」與「應用程式密鑰」兩個欄位內的資料複製起來。
 
Facebook 快速登入串接 - 步驟 3. 後台串接-step3
 
 
 
 
登入「ShopStore 店家管理後台」→前往「行銷推廣」→「Facebook」。
 
Facebook 快速登入串接 - 步驟 3. 後台串接-step4
 
 
 

 
下滑頁面至「會員 Facebook 快速登入」區塊,並點擊按鈕切換為「啟用」。
 
Facebook 快速登入串接 - 步驟 3. 後台串接-step5
 
 
 

 
將剛剛複製的「應用程式編號」與「應用程式密鑰」,貼上至對應的「Facebook 應用程式編號」與「Facebook 應用程式密鑰」欄位內。

 

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

 
點擊右下方藍色按鈕「儲存」即可!
 
*儲存後,前台會員登入頁面即會顯示「Facebook登入按鈕(可點擊查看示範圖片)」,不過現階段還無法正常使用,商家可以先大概知道按鈕顯示位置,之後繼續完成後續步驟。
 
Facebook 快速登入串接 - 步驟 3. 後台串接-step7
 
 

 


 

 

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查

 

 

 

登入「Facebook Developers」→於左方選單,點擊前往「檢查」→「應用程式審查」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step1

 

 

 

 

在「目前的要求」區塊,點擊右方灰色按鈕「編輯」。

 

 Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step2

 

 

 

 
下滑頁面至【資料處理問題】項目→點擊「回答有關資料處理問題」區塊。
 
Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step3
 
 
 
 
在【您在歐洲經濟區(EEA)或英國(UK)是否有資料控管者,負責管控 Meta 與您分享的所有資料?】區塊內,選擇「否/我不確定」。
 
Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step4
 
 
 

 
在【列出所有將可存取您從 Meta 取得之用戶個人資料的資料處理者(包括您自己的公司)】區塊內,點擊灰色按鈕「新增資料處理者」。
 
Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step5
 
 
 

 
在「資料處理者名稱」欄位內,輸入您的「商店名稱」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step6
 
 
 

 
在【此資料處理者會處理從 Meta 取得之用戶個人資料,以提供哪些服務類別?】下拉選單內,點擊勾選以下選項:
 
  • 分析和成效衡量
  • 廣告
  • 市售商品和服務
  • 資訊技術解決方案和服務,包括雲端儲存和處理
  • 執行法律和法規
 
Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step7
 
 
 

 
在【列出此資料處理者將於哪些國家/地區處理從 Meta 取得之用戶個人資料】下拉選單內,點擊勾選「台灣」。
 
*推薦商家可以直接在「搜尋框」內輸入「台灣」,會比較好找。
 
Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step8

 

 

 

 

確認設定的資料皆正確後,點擊右下方藍色按鈕「儲存」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step9

 

 

 

 

在【在過去 12 個月內,您是否為因應國家安全要求,而向政府機關提供用戶個人資料?】下拉選單內,點擊選擇「無」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step10

 

 

 

 

在【您已設置以下哪些政策或程序,以因應政府機關針對用戶個人資料的要求?】下拉選單內,點擊勾選以下選項:

 

  • 必須審查要求合法性的程序。
  • 要求被視為違法時,可對這些要求提出異議的相關條款。
  • 資料最少蒐集原則政策,以限制只能揭露最少的必要資料。
  • 要求紀錄文件,包括您因應要求所提供的回覆,以及法律推理和相關參與者。
 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step11

 

 

 

 

確認設定的資訊皆正確後,點擊右下方藍色按鈕「提交」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step12

 

 

 

 

點擊右下方藍色按鈕「提交」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step13

 

 

 

 

在【完成應用程式驗證】項目→點擊「提供驗證詳細資料」區塊。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step14

 

 

 

 

在【應用程式驗證詳情】彈出視窗,於「請提供詳細的逐步指示」區塊內,輸入 Facebook 的審查人員如何於您的網站測試使用「Facebook 登入」功能。

 

*還記得剛剛於【五、Facebook 快速登入串接 - 步驟 3. 後台串接】 有提到,「Facebook 登入」啟用後於前台顯示的位置嗎?商家可以在此區塊內,描述前往到「會員註冊頁面」以及到點擊「Facebook 登入」按鈕的流程即可。
 
*如不太清楚該如何書寫,可參考以下:
 
點擊網址進入官網:https://skincare.shopstore.tw → 於右上方選單點擊「會員登入」選項→即可點擊「Facebook會員登入」按鈕,進行連動註冊、登入。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step15

 

 

 

 

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

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step16

 

 

 

 

點擊「你的應用程式會如何使用進階存取權限的email權限?」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step17

 

 

 

 

在【確認 email 的資料使用情形】彈出視窗,勾選「獲得批准後,我同意在使用我透過 email 收到的任何資料時,都將依照允許的使用方式進行。」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step18

 

 

 

 

點擊右下方藍色按鈕「儲存」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step19

 

 

 

 

點擊「你的應用程式會如何使用進階存取權限的public_profile權限?」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step20

 

 

 

 

在【確認 public_profile 的資料使用情形】彈出視窗,勾選「獲得批准後,我同意在使用我透過 public_profile 收到的任何資料時,都將依照允許的使用方式進行。」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step21

 

 

 

 

點擊右下方藍色按鈕「儲存」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step22

 

 

 

 

確認所有區塊項目皆為「」藍色勾勾已完成,即可點擊右下方藍色按鈕「提交送審」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step23

 

 

 

 

在【Facebook《開放平台使用條款》和《開發商政策》】彈出視窗,詳閱條款後,勾選「接受」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step24

 

 

 

 

點擊右方藍色按鈕「提交」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step25

 

 

 

 

點擊「關閉」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step26

 

 

 

 

此時即會來到「應用程式審查要求」頁面,在「審查意見回饋」區塊內即可看到「🟢已獲批准」。

 

*批准後,即代表此步驟已完成,已可以進行後續使用,那之後 Facebook 人員會另外再依序安排前往商家的商店觀看,如果有任何問題,都會寄送信件至 Facebook Developers 內的「收件匣」。

 

Facebook 快速登入串接 - 步驟 4. 完成應用程式審查-step27

 

 

 


 

 

 

七、Facebook 快速登入串接 - 步驟 5. 發佈

 

 

 

登入「Facebook Developers」頁面→於左方選單,點擊前往「發佈」。

 

Facebook 快速登入串接 - 步驟 5. 發佈-step1

 

 

 

 

在【發佈】項目內,點擊「資料處理問題」區塊右方的「前往資料處理問題」藍色文字按鈕。

 

Facebook 快速登入串接 - 步驟 5. 發佈-step2
 
 
 
 
點擊「檢查並更新回覆」區塊。
 
Facebook 快速登入串接 - 步驟 5. 發佈-step3
 
 
 
 
在【資料處理問題】彈出視窗,直接點擊右下方藍色「提交」按鈕。
 
*因我們已在【六、Facebook 快速登入串接 - 步驟 4. 完成應用程式審查】 填寫過,所以系統有保留我們的資料,就不用再重填一次。
 
Facebook 快速登入串接 - 步驟 5. 發佈-step4
 
 
 

 
點擊藍色按鈕「提交」。
 
Facebook 快速登入串接 - 步驟 5. 發佈-step5
 
 
 

 
確認「回答有關資料處理的問題」區塊已顯示「」完成的藍色勾勾→於左方選單,點擊回到「發佈」頁面。
 
Facebook 快速登入串接 - 步驟 5. 發佈-step6
 
 
 

 
點擊右下方藍色按鈕「提交」。
 
Facebook 快速登入串接 - 步驟 5. 發佈-step7

 

 

 


 
在【你的應用程式已成功發佈】彈出視窗,點擊右下方藍色按鈕「完成」即可!

 

Facebook 快速登入串接 - 步驟 5. 發佈-step8

 

 

 



 

 

到此步驟完成後,「Facebook 快速登入」功能就已經串接完成,商店已可以正常使用囉!

 

 

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

 

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

 

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

 

 



 

 

 

八、Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查

 

 

 

登入「Facebook Developers」→此時,系統即會跳出「資料使用情形檢查」的彈出視窗,點擊右下方藍色按鈕「立即開始」。

 

Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step1

 

 

 

 

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

 

Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step2
 
 
 
 
一樣直接點擊右下方藍色按鈕「繼續」。
 
*因我們已在【六、Facebook 快速登入串接 - 步驟 4. 完成應用程式審查】 填寫過,所以系統有保留我們的資料,就不用再重填一次。
 
Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step3
 
 
 
 
在「public_profile」與「email」的權限區塊,皆勾選「我保證任何使用這些權限和功能的行為 public_profile/email 皆遵循允許的使用方式。」。
 
Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step4
 
 
 

 
點擊右下方藍色按鈕「繼續」。
 
Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step5
 
 
 

 
在「Testing instructions-Website」區塊內,輸入測試指引的相關資料。

 

𝟭. 我們可以在哪裡找到此應用程式 ?:輸入「商店網址」即可(例如:https://skincare.shopstore.tw)。

 

𝟮. 請提供存取應用程式的指示,以便我們得以完成審查。:請描述,Facebook人員如何前往到「會員註冊頁面」以及到點擊「Facebook 登入」按鈕的流程即可。如不太清楚該如何描述,可參考以下:

 

點擊網址進入官網:https://skincare.shopstore.tw → 於右上方選單點擊「會員登入」選項→即可點擊「Facebook會員登入」按鈕,進行連動註冊、登入。
 
*只需填寫前面兩項即可,後面三項不用做任何填寫,留空即可!
 
Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step6
 
 
 

 
確認輸入的資訊皆正確,點擊右下方藍色按鈕「繼續」。
 
Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step7
 
 
 

 
勾選底部「I certify that I am following the Meta Platform Terms and Developer Policies, together with all other applicable terms and policies.」。
 
Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step8
 

 

 

 

點擊右下方藍色按鈕「提交」。

 

Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step9

 

 

 

 

點擊右方藍色按鈕「提交」。

 

Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step10

 

 

 

 

在【What to expect next】彈出視窗內,點擊右下方藍色按鈕「確定」即可!

 

*如果商家在上一步點擊「提交」後,系統卻顯示「An error(可點擊查看示範圖片)」的紅色錯誤訊息,請商家稍晚一些再重新進行一次「資料使用情形檢查」的所有步驟,此為 Facebook 系統的暫時性  BUG,會暫時無法提交資料。

 

Facebook 快速登入串接 - 步驟 6. 資料使用情形檢查-step11

 

 

 

 


 

 

 

九、前台 Facebook 登入使用流程

 

 

 

顧客於商家前台官網,進入到「會員登入/註冊」頁面。

前台 Facebook 登入使用流程 - 步驟1

 

 

 

 

點擊左方藍色按鈕「以 OO 的身分繼續」。

 

前台 Facebook 登入使用流程 - 步驟2
 
 
 
 
系統即會導向「會員資訊」頁面,並且右上方會顯示「帳號登入成功!」綠色提示,代表會員登入/註冊成功!
 
前台 Facebook 登入使用流程 - 步驟3 

 

 

 

 

 

 


 

《相關文章參考》:

 

 


 

如操作上有任何問題,歡迎與客服人員聯繫,謝謝。

👨‍💼@LINE 聯繫專員@LINE👨‍💼Facebook聯繫專員【Messenger

免費開店,只要5分鐘,快來佈置您的店面吧:【免費開店GO!

如果您想創業或開店相關歡迎聯繫Shopstore專員 【@LINE 聊聊

 

我要開店

OPEN

Line@
Messenger
開店諮詢