[WordPress] 整合 Facebook 工具外掛 FB2WP 設定教學

本篇文章更新時間:2021/12/02
如有資訊過時或語誤之處,歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉!歡迎入群聊聊~
如果本站內容對你有幫助,歡迎使用 BFX Pay 加密貨幣新台幣 贊助支持。


注意本篇文章更新時間。Facebook 時常更新文件與 API 版本,關於本篇使用 FB2WP 外掛同步回網站的操作,大部分入口都是 Facebook 這篇文件開始 粉絲專頁專用 Webhooks 強烈建議先行閱讀。

昨天來跟小聚夥伴重新順一次 FB2WP 這款外掛。

自己好久沒串還需要點時間回憶(汗),關鍵幾點整理如下:

網站 < - > FB App < - > 粉絲頁 < - > 管理員】(互動關聯)

要先列出互動關聯的原因是,接下來要知道你在哪個部份發生問題,如果能夠了解實際運用情境,自然之後出問題要查找就有方向囉~

再來是這中間「角色」的定義是很明確的,Facebook 針對系統操作上都會有一個「角色」,沒有登入和登入就是一種授權的分別,FB App 也是一種中間協調的角色,擔任去代理執行的中間人,其他對一般使用者分不清楚的操作功能:粉絲頁,這也是一種身份,像是法人角色。

不過當然,一般人需要懂這些幹嘛?(笑)

繼續進行設定的前提,缺一不可:

  1. 已有一個 HTTPS 加密協定的網站
  2. 已建立一個 FB App
  3. 已有粉絲頁
  4. 自己是粉絲頁管理員

功能設定教學

  1. Facebook 外掛功能,除客戶洽談外掛的部分需要粉絲頁授權外,其他功能只要有填入「應用程式 ID」、「應用程式密鑰」就可以使用。這部分屬於【網站 < - > FB App

  2. 客戶洽談外掛,確認好外掛有開啟此功能後,到【粉絲頁】設定「Messenger 開放平台」的「允許清單中的網域」,把網站網址貼上。這部分屬於【網站 < - > 粉絲頁

  3. 同步 Facebook 回 WordPress

    3-1. 同樣確認外掛中此功能開啟後,到 FB App 裡啟用「Webhooks」產品,選擇 Page 與填入外掛提供的「Facebook 應用程式 Webhooks 設定」資料驗證權限後,依照外掛說明訂閱(Subscribe)事件,測試有沒有通可以點選旁邊的測試(Test),發送到網站(Send to My Server),測試後可以到網站後台看看外掛的「開發人員工具」看看有沒有新增紀錄,清除重新設定紀錄可以使用「清除現有記錄」功能。這部分屬於【網站 < - > FB App

    3-2. FB App 取得管理粉絲頁權限,這步驟要到新版圖形 API 測試工具,右側選擇對應 FB App 後,下方權限新增「manage_pages」然後取得授權權杖(Get Access Token),中間過程會要選擇授權哪個粉絲頁給他使用,選擇對應即可。這部分屬於【FB App < - > 管理員】。

    3-3. FB App 取得粉絲頁授權,同樣在新版圖形 API 測試工具下,完成上一步驟後再把「用戶或粉絲專頁(User or Page)」下拉選擇剛剛授權的那個粉絲頁,然後再取得授權權杖(Get Access Token)。這部分屬於【FB App < - > 粉絲頁】。

    3-4. 到這步驟已經完成把粉絲頁接上網站,此時可以回到粉絲頁設定的「Messenger 開放平台」確認剛剛的 FB App 是不是有出現在這邊。

  4. Facebook Messenger Bot 設定,確認網站外掛中這設定有啟用,開啟 FB App 設定畫面新增「Messenger」產品,「存取權杖」處選擇粉絲頁,旁邊「編輯權限」產生權杖。這部分屬於【FB App < - > 粉絲頁】。

    4-1. 下方的「Webhooks」選擇訂閱粉絲專頁事件的 Webhook。

    4-2. 到這邊功能就算是都接上了,只差目前是自嗨用,只有自己可以測試對話情境。所以如果有需要公開就需要把 pages_messaging 權限提交申請與審核,過關後就能正式對外使用。

  5. 其他小功能設定我想也不用特別說,對應上述大項目都成功後就自己試試看。

結語

遲遲沒有寫一來是沒時間,二來是真的很複雜,Facebook 一直在改版,今天寫了隔一年就長不一樣,還是總有人有問題。也是還好他的模式也差不多成形,估計這樣的流程不太會改了~

今天就快速筆記一下這個「無圖純文字」版本,花點時間慢慢看囉!

順帶一提,如果設定的人離開粉絲頁管理員角色,同步功能就會失效,這要特別注意。

如果對實際上串接 Facebook API 有興趣想了解更多可以參考Facebook API 教學:客製化登入流程並以粉絲頁互動應用為例[Facebook] 使用新版圖形 API 測試工具取得存取權杖


Share:

作者: Chun

資訊愛好人士。主張「人人都該為了偷懶而進步」。期許自己成為斜槓到變進度條 100% 的年輕人。[///////////____34%_________]

文章
Filter
Apply Filters