TOP

holkee 教學 & QA

教學 & QA

Facebook 會員快速登入

  • 串接前說明
  • 前置作業
  • 後台串接設定
  • 前台顯示

第三方 Facebook 登入教學

Facebook 會員快速登入

店家為了簡化顧客註冊會員的流程,讓顧客可以快速註冊會員,請依照以下操作步驟,設定「Facebook 會員快速登入」功能。 如顧客使用其他方式註冊成為會員(例如:電子郵件註冊),將會在登入會員帳號後,自動連動同一個 Facebook 電子郵件帳號。

串接前說明
  • 根據 Facebook 商家驗證公告 :自 2023 年 2 月 1 日起,如商家需要串接「Facebook 快速登入」功能予顧客使用,必須為「營業登記商家」,且需完成「商家驗證」方可以做使用。目前只有「營業登記」商家可以使用此功能個人賣家無法使用此功能
  • 個人賣家如想串接「快速登入」功能,請改串接以下:
  • 請店家務必先擁有「企業管理平台帳號」,再進行以下操作。如無「企業管理平台帳號」,請先參考 官方教學文件
前置作業

登入 holkee 店家管理後台 →【商店管理】→【商店政策】,下滑頁面至「隱私權政策」區塊,新增以下內容,確認輸入的資訊皆正確,點擊「儲存」按紐。

  • 「Facebook 登入」如何收集、運作、使用顧客資料,請於「二、個人資料的蒐集、處理及利用方式」置入以下文字,或自行新增內容:
    「本公司可能透過 Facebook 或類似社群服務系統,於取得您的同意後,將部分本網站的資訊發布於您的社群活動資訊頁面,若您不同意該等訊息之發布,請您勿點選同意鍵,或於事後透過各該社群服務之會員機制移除該等資訊或拒絕本網站繼續發布相關訊息。若有任何問題,仍可與本公司聯絡,本公司將協助您確認、處理相關問題。若您所填寫之送貨地址、聯絡人、聯絡方式等非您本人之個人資料,您同意已取得各該當事人之同意提供予本公司,並已代本公司就前開法定告知事項予以告知。除依法應提供予司法、檢調機關、相關主管機關,或與本公司協力廠商為執行相關活動必要範圍之利用外,本公司將不會任意將您的個人資料提供予第三人。」
    holkee facebook 第三方登入
  • 當買家使用「Facebook 登入」功能後,如需要取消綁定、刪除資料,該如何與您聯繫及處理,請於最後一段置入以下文字,或自行新增內容:
    「八、聯繫管道
    對於本網站之隱私權政策有任何疑問,或者想提出變更、移除個人資料之請求,請前往本網站「聯絡我們」頁面提交表單。」
    holkee facebook 第三方登入
後台串接設定
  • 前往「Facebook Developers」頁面 → 點擊右上方選單「登入」。如果店家進入此頁面後,您的右上方選單無「登入」選項,可直接點選「我的應用程式」選項,選擇您要的應用程式繼續操作即可。
  • 點擊「使用 Facebook 帳號登入」按鈕,登入後,點擊右上方選單「開始使用」。
    holkee facebook 第三方登入
  • 點擊右下方藍色按鈕「繼續」,依序完成手機及電子郵件地址驗證流程,最後點擊右下方藍色按鈕「完成註冊」。
    holkee facebook 第三方登入
  • 點擊頁面上的綠色按鈕「建立應用程式」。
    holkee facebook 第三方登入
  • 在「建立應用程式」頁面,請務必選擇上方的「使用 Facebook登入,驗證用戶並索取資料」選項,點選下一步;接著填寫「應用程式名稱」(也可輸入「商店名稱」)及電子郵件,即可提交審查。
    holkee facebook 第三方登入
  • 此時,來到「應用程式主控板」頁面。請店家在「1. 自訂此應用程式」區塊內,點擊【自訂新增「Facebook登入」按鈕】選項。
    holkee facebook 第三方登入
  • 在「權限」的「email」區塊內,點擊右方灰色按紐「新增」,此時,Email 的權限就會更新為「可供測試」,代表您已新增成功;再次確認「public_profile」權限是否也有顯示「可供測試」。
    holkee facebook 第三方登入
  • 在左側選單,點選「設定」,點擊右方灰色按紐「前往設定」。在「有效的 OAuth 重新導向 URI」欄位內,輸入「(網站網址)+/auth/facebook/callback」,確認輸入的資訊正確,點擊右下方藍色按鈕「儲存變更」。
    例如:您的網站網址為 https://www.abc.com.tw;在此欄位請輸入 https://www.abc.com.tw/auth/facebook/callback
    holkee facebook 第三方登入
  • 開啟「應用程式設定」→「進階」頁面,確認 API 版本為最新版(版本編號最大),若非,請手動調整。
    holkee facebook 第三方登入
  • 展開左方選單點擊前往「應用程式設定」→「基本資料」,右方區塊依序填寫以下資料:
    holkee facebook 第三方登入
    • 在「應用程式網域」欄位,輸入商店的「網站網址」:前面不須輸入 https://。
    • 在「隱私政策網址」、「服務條款網址」以及「用戶資料刪除」內的「資料刪除指示網址」欄位,皆輸入您網站的「服務條款、隱私政策網址」。例如:隱私權條款為 https://abc.com.tw/privacy;服務條款為https://abc.com.tw/service-terms
    • 在「應用程式圖示(1024 x 1024)」內,點擊中間灰色圖片區塊並上傳符合的圖片。
      holkee facebook 第三方登入
    • 在「類別」點擊下拉選單,選擇「Messenger Bots for Business」。
      holkee facebook 第三方登入
    • 下滑頁面至底部的「新增平台」區塊。
      holkee facebook 第三方登入
    • 在「選擇平台」視窗中,選擇左上方的「Website」選項,點擊右下方藍色按鈕「下一步」。
      holkee facebook 第三方登入
    • 在「網站」區塊內的「網站網址」欄位,輸入您商店的「網站網址」,例如:https://abc.com.tw。確認設定的資訊皆正確,點擊右下方藍色按鈕「儲存變更」。
      holkee facebook 第三方登入
  • 進行商家驗證
    • 於左方選單,點擊前往「檢查」→「驗證」,右方區塊,在「商家驗證」區塊,點擊右方灰色按鈕「開始驗證」。
      holkee facebook 第三方登入
    • 完成驗證後,「商家驗證」區塊內會以綠圈顯示「已驗證」,表示您的商家已完成 Facebook 驗證。
      holkee facebook 第三方登入

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

      holkee facebook 第三方登入
  • 完成應用程式審查
    • 開啟「檢查」→「應用程式審查」頁面,審查狀態將顯示為「草稿」,點選右側「編輯」按鈕。
      holkee facebook 第三方登入
    • 請先完成所有審查要求,再點按「提交送審」。
      holkee facebook 第三方登入
  • 確認應用程式狀態:點按左側「發佈」,先確認相關資訊:
    • 前往應用程式設定確認「隱私政策網址」、「資料刪除網址」是否無誤。
    • 確認「商家驗證」顯示為「已驗證」,若尚未驗證,請點按右側「完成驗證」
    • 前往資料處理問題,回答幾個有關資料處理作法的問題。
    • 接著點選頁面右下方「發佈」,應用程式才能使用。
    holkee facebook 第三方登入
  • 向下滑動頁面,點按「使用 Facebook 登入」右側「審查」按鈕。再次點入「驗證和帳號建立流程」→「自訂」頁面,此時「email」與「public_profile」兩者狀態應為「可用於上線模式」。
    holkee facebook 第三方登入
    holkee facebook 第三方登入
  • 準備好要輸入在店家管理後台的資訊

    至「應用程式設定」→「基本資料」頁面,點按「應用程式密鑰」右側「顯示」按鈕後,複製「應用程式編號」與「應用程式密鑰」,再返回 holkee 店家管理後台進行設定。

    holkee facebook 第三方登入
  • 前往 holkee 店家管理後台「會員管理」→「基本設定」

    將第三方登入的 Facebook 開啟,剛剛複製的「應用程式編號」及「應用程式密鑰」貼至對應欄位裡,並點下方儲存,您的網站即可使用 Facebook 登入功能。

    holkee facebook 第三方登入
前台顯示

在「會員登入/註冊」頁面,即會有顯示「使用 Facebook 登入」的按鈕,點擊後就可以進行快速登入/註冊!

holkee facebook 第三方登入