社群串接：Facebook Login

前言

Showmore提供多種方式的社群串接可以讓顧客成為商店會員，消費者可以使用【LINE 登入】、【Facebook 登入】及【Email註冊】，快速又簡便的註冊/登入方式可以增加顧客成為會員的意願度，進而提升商家的會員數。

本文亮點

1. Facbook Developers 影片教學

2. Facbook Developers 文字操作說明

3. Showmore 後台操作流程

4. 補充：隱私權政策

一、Facebook Developers 影片教學

影片內皆為參考網址，請務必搭配文件，正確填寫每個欄位的網址、資訊。

https://video.wixstatic.com/video/6a40ec_e5cec2577dad4a9eb937eee153131d8c/1080p/mp4/file.mp4

二、Facebook Developers 操作說明

Step 1 前往 Meta for Developers 登入，登入後點選【我的應用程式】

• 由於 Meta for Developers 應用程式需要建立在個人帳號下，建議可以使用公司共同管理之FB個人帳號進行建立，後續可以將公司人員的FB帳號加入應用程式管理員，以便後續共同維護及管理。

Step 2 點選【建立應用程式】

Step 3 點選【其他】→【繼續】 

Step 4 點選【消費者】→【繼續】

Step 5 填寫應用程式詳細資料

➊ 新增應用程式名稱：建議填寫商店名稱／品牌名稱

➋ 應用程式聯絡電子郵件地址：會自動帶入您綁定的電子郵件地址

➌ 商業帳號：若您有 Facebook 企業管理平台，可以在選填欄位選取您管理此應用程式的平台，最後點選建立應用程式。

Step 6 點選 Facebook 登入 →【設定】

Step 7 點選【網站】

Step 8 輸入商店首頁的網址

請填寫包含 https:// 開頭的網址

• 使用自有網域：https://www.TEST.com.tw

• 使用Showmore免費網域：https://TEST.showmore.cc

輸入完成後點擊【Save】

2.～5.不需設定，不用點擊繼續

Step 9 進入左方【應用程式設定】→【基本資料】填寫資料

➊ 顯示名稱：輸入商店名稱

➋ 應用程式網域：填商店的首頁網址

• 使用自有網域，例如：https://www.TEST123.com

去掉https://，並輸入 www.TEST123.com

• 使用Showmore免費網域：https://TEST.showmore.cc

去掉https://，並輸入 TEST123.showmore.cc

貼上後按下鍵盤的「Enter(Window) / Return(Mac)」鍵，網址變成灰底時才代表成功輸入

➌隱私政策網址：填入商店的隱私政策

此頁面需在首頁有連結，詳情至 三、隱私權政策

➍用戶資料刪除：選擇【資料刪除指示網址】，網址列填入官網的隱私權政策網頁

➎類別：選擇【商業與粉絲專頁】

➏聯絡電子郵件：填寫您的聯絡信箱或是客服信箱

➐服務條款網址：填入官網的服務條款網頁

➑應用程式圖示：上傳您的LOGO或是品牌圖示，建議去背（尺寸限制為 1024 x 1024 像素、檔案大小 5MB 以內）

Step 10 移至下方【網站網址】的欄位，填入商店完整網址（含http://）

Step 11 商家驗證

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

＊請留意：若您沒有完成商家驗證，顧客於前台使用 Facebook 帳號快速註冊/登入會員時，會顯示「以下某些權限已不再獲得 Facebook 批准使用」。

Step 12 驗證程序必須在 Facebook 企業管理平台中完成，請選擇企業管理平台 的帳號（若無企業平台帳號，請建立）

Step 13 點選【開始驗證】

Step 14 關於驗證商家的資訊與步驟，請參考在「企業管理平台設定」中驗證商家

Step 15 進入 Facebook 登入 → 設定 → 用戶端 OAuth 設定

將4個功能開啟

➊ 用戶端 OAuth 登入

➋ 網路 OAuth 登入

➌ 強制採用 HTTPS

➍ 對重新導向 URI 使用 Strict 模式

➎有效的 OAuth 重新導向 URI

輸入：https://auth.showmore.cc/fb

➏JavaScript SDK 允許的網域

輸入「https://www.您商店首頁的網域」

Step 16 「應用程式審查」→ 「權限和功能」，將 email 以及 public_profile 選項開啟取得進階的存取權限

Step 17 開啟畫面上方的「應用程式模式」，狀態會顯示為：上線

Step 18「應用程式設定」→「基本資料」，複製應用程式編號至showmore後台

二、Showmore 後台操作流程

Step 1 【官網管理】→【網站設定】→【第三方登入】

Facebook Login 欄位填入應用程式編號，並將第三方登入啟用後儲存設定即可

三、補充：隱私權政策

基本設定中【隱私政策網址】需填入的是「有效的 」隱私權政策網址，生成方式如下：

Step 1 Showmore 後台中的部落格文章 → 新增一篇名為【隱私權政策】的文章

Step 2

• 【標題】: 填入" 隱私權政策 "即可

• 【內文】: 若無自訂內容，可將以下範本更改名稱後複製貼上即可

非常歡迎您光臨「○○網站」（以下簡稱本網站），為了讓您能夠安心的使用本網站的各項服務與資訊，特此向您說明本網站的隱私權保護政策，以保障您的權益，請您詳閱下列內容：

一、隱私權保護政策的適用範圍
隱私權保護政策內容，包括本網站如何處理在您使用網站服務時收集到的個人識別資料。隱私權保護政策不適用於本網站以外的相關連結網站，也不適用於非本網站所委託或參與管理的人員。

二、個人資料的蒐集、處理及利用方式
• 當您造訪本網站或使用本網站所提供之功能服務時，我們將視該服務功能性質，請您提供必要的個人資料，並在該特定目的範圍內處理及利用您的個人資料；非經您書面同意，本網站不會將個人資料用於其他用途。
• 本網站在您使用服務信箱、問卷調查等互動性功能時，會保留您所提供的姓名、電子郵件地址、聯絡方式及使用時間等。
• 於一般瀏覽時，伺服器會自行記錄相關行徑，包括您使用連線設備的 IP 位址、使用時間、使用的瀏覽器、瀏覽及點選資料記錄等，做為我們增進網站服務的參考依據，此記錄為內部應用，決不對外公佈。
• 為提供精確的服務，我們會將收集的問卷調查內容進行統計與分析，分析結果之統計數據或說明文字呈現，除供內部研究外，我們會視需要公佈統計數據及說明文字，但不涉及特定個人之資料。
• 您可以隨時向我們提出請求，以更正或刪除本網站所蒐集您錯誤或不完整的個人資料。

三、資料之保護
• 本網站主機均設有防火牆、防毒系統等相關的各項資訊安全設備及必要的安全防護措施，加以保護網站及您的個人資料採用嚴格的保護措施，只由經過授權的人員才能接觸您的個人資料，相關處理人員皆簽有保密合約，如有違反保密義務者，將會受到相關的法律處分。
• 如因業務需要有必要委託其他單位提供服務時，本網站亦會嚴格要求其遵守保密義務，並且採取必要檢查程序以確定其將確實遵守。

四、網站對外的相關連結
本網站的網頁提供其他網站的網路連結，您也可經由本網站所提供的連結，點選進入其他網站。但該連結網站不適用本網站的隱私權保護政策，您必須參考該連結網站中的隱私權保護政策。

五、與第三人共用個人資料之政策
本網站絕不會提供、交換、出租或出售任何您的個人資料給其他個人、團體、私人企業或公務機關，但有法律依據或合約義務者，不在此限。
前項但書之情形包括不限於：
• 經由您書面同意。
• 法律明文規定。
• 為免除您生命、身體、自由或財產上之危險。
• 與公務機關或學術研究機構合作，基於公共利益為統計或學術研究而有必要，且資料經過提供者處理或蒐集者依其揭露方式無從識別特定之當事人。
• 當您在網站的行為，違反服務條款或可能損害或妨礙網站與其他使用者權益或導致任何人遭受損害時，經網站管理單位研析揭露您的個人資料是為了辨識、聯絡或採取法律行動所必要者。
• 有利於您的權益。
• 本網站委託廠商協助蒐集、處理或利用您的個人資料時，將對委外廠商或個人善盡監督管理之責。

六、Cookie之使用
為了提供您最佳的服務，本網站會在您的電腦中放置並取用我們的 Cookie，若您不願接受 Cookie 的寫入，您可在您使用的瀏覽器功能項中設定隱私權等級為高，即可拒絕 Cookie 的寫入，但可能會導致網站某些功能無法正常執行 。

七、隱私權保護政策之修正
本網站隱私權保護政策將因應需求隨時進行修正，修正後的條款將刊登於網站上。

Step 3 【商品與選單】或【版型編輯】中將文章上架至選單或頁尾

Step 4 【官網管理】→【網站設定】→【網路搜尋最佳化SEO】→【文章】

Step 5 在【自定義網址】中加上＂privacy-policy＂ 儲存後將網址複製貼上至

Facebook Developer 中儲存即可