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

昨天來跟小聚夥伴重新順一次 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 外掛功能


Share:

作者: Chun

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

參與討論

1 則留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *