• 指南

設定 Facebook 社交登入

該操作手冊為訪客能通過 Facebook 帳戶在我的網站註冊及登入的設置過程。

開始之前

請解除防止以相同名字(暱稱)重複註冊的限制。使用社交登入功能者大部分都直接使用註冊社交平台時的名字(暱稱)。為順利添加並使用社交登入功能,需先解除防止以相同名字(暱稱)重複註冊的限制,以允許在社交平台註冊時使用相同名字(暱稱)者使用。

解除方法:管理頁面 > 環境設置 > 註冊及羣組設置 > (下拉到中間部分) 輸入表管理 > 名字部分按下修改按鈕後,解除勾選[防止以相同名字(暱稱)的重複註冊]

從2019年3月開始根據 Facebook 政策的改變,將會限制所有現有 Facebook 登入 的 HTTPS 使用。因此,個人域名使用者需申請SSL安全認證書。 進入網站時,如果瀏覽器地址窗口無法確認https://,則此是未設置SSL安全認證書的網站。

什麼是SSL(安全伺服器),怎麼適用它呢?

設置方法

  1. 進入 Meta for Developers
  2. 點擊右上方的登入鍵,登入 Facebook 帳戶。

    參考:為了設置 Facebook 社交登入需要有 Facebook 開發者帳戶。如尚未擁有 Facebook 開發者帳戶請點擊右上角開始來生成 Facebook 開發者帳戶。
  1. 點擊右上方的我的應用程式

  2. 點擊網站右側的建立應用程式按鈕。
  3. 跳出應用程式類型窗口後,點擊消費者後點擊繼續

  4. 輸入顯示名稱後,點擊建立應用程式按鈕。
    參考:有 Facebook 企業管理平台帳號時,選擇帳號。

  5. 為了安全將需要重新輸入密碼後,點擊提交按鈕。
  1. 選擇 Facebook 登入設定按鈕。

  2. 在左側菜單點擊[商品 > Facebook 登入 > 設定]

  3. 用戶端 OAuth 設定有效的 OAuth 重新導向 URL項目中以 https://我的網域/oauth 格式輸入所有網站的 OAuth 重新導向URL 後點擊下方的儲存變更按鈕。

  1. 在左側菜單中點擊 【設定 > 基本資料】

  2. 參考以下截圖和說明,新增應用程式的基本資料項目。

    1. 顯示名稱:輸入當訪客通過 Facebook 登入時顯示的名稱。
    2. 應用程式網域:輸入我的網站之代表網域。
    3. 聯絡電子郵件: 輸入接收重要更新、政策及復原帳號等的電子郵件。
    4. 隱私政策網址:以 https://我的網域/?mode=privacy 的格式輸入。
    5. 服務條款網址:以 https://我的網域/?mode=policy 的格式輸入。
    6. 用戶資料刪除: 選擇資料刪除指示網址,以 https://我的網域/?mode=policy 的格式輸入。
    7. (可選)應用程式圖示:上傳當訪客通過 Facebook 登入時顯示的圖示。請以去背的PNG格式上傳。
    8. 類別: 請選擇適當的類別。
    9. 應用程式用途: 請選擇你自己或你的商家
  3. 下滑頁面,點擊新增平台按鈕。

  4. 點擊 Website

  5. 輸入包含https的 網站網址

  6. 點擊右下方的儲存變更按鈕。
  1. 移動至網頁上方複製應用程式編號應用程式密鑰
    參考:應用程式密鑰將會點擊顯示按鈕後出現。

  2. 把複製的編碼先貼在記事本。
  1. 在左側菜單中點擊 【應用程式審查 > 權限和功能】

  2. public_profile 中點擊取得進階存取權限按鈕。

  3. 確認對public_profile的進階存取權限畫面出現時,勾選同意並點擊確認

  4. 輸入 Facebook 開發者帳戶密碼並點擊提交按鈕。
  1. 打開新的瀏覽器網頁。
  2. 進入 I'MWEB 網站的管理頁面。
  3. 點擊左側管理菜單的 【環境設置 > 社交登入/API設置】
  4. 跳轉至 Facebook 登入項目。
  5. 選擇使用 Facebook 登入
  6. 把第5步複製的應用程式編號應用程式密鑰貼到輸入欄中。

  7. 點擊儲存按鈕反映。
  1. 移動至 Meta for Developers。
  2. 點擊應用程式模式的按鈕,將其狀態切換為上線

  3. 如未選擇類別的話,應用程式模式將不會轉換成上線。請先選擇類別後再切換應用程式模式
  4. 在切換應用程式模式的過程中,新增了證明資料使用情形及 Facebook 開放平台使用條約的步驟,請勾選確認後提交。

  5. 確認狀態是否變更為上線

  6. 現在開始能在我的網站中使用 Facebook 登入了。
跳轉至目錄

用過一次就愛上,“我”就是I’MWEB的忠實粉絲。

在I’MWEB自由表達“我”的想法
704.5K
累積的建設網站數量
已有數十萬位用戶
在I’MWEB表達著自己的理念。
315
平均每日建設的網站數量
每日有多個新品牌在
I'MWEB 推出客製化網站
3.3K
全國合作夥伴

I’MWEB官方合作夥伴