2018年12月1日 星期六

讓 FB 粉絲團評論星等在網頁顯示﹍製作流程研究

讓 FB 粉絲團評論星等在網頁顯示﹍製作流程研究

Wayne Fu 0 A+
fb-fanpage-rating-review-widget.jpg-讓 FB 粉絲團評論星等在網頁顯示﹍製作流程研究上一篇研究完「讓 Google 商家評論星等在網頁顯示」後,本篇繼續研究如何取得 Facebook 粉絲團評論星等的資料。

這次 FB 的處理流程沒有 Google 商家那麼繁瑣,但為了安全性因素,FB API 必須由後端呼叫,代表前後端都要處理,所以本篇仍舊無法提供安裝懶人包,只能提供研究後的心得整理。




(圖片出處: 一蘭拉麵粉絲團)


一、製作原理


FB API 官方文件「管理粉絲專頁」說明了如何存取粉絲團的評分與評論,語法格式如下:

https://graph.facebook.com/v3.2/粉絲團專頁 ID/ratings?access_token=粉絲團專頁永久存取權杖

紅色、藍色字串,請參考「二、準備動作」的流程來取得。

如果把網址貼在瀏覽器的話,取得的資料大致如下圖,再用 js 來處理 json 格式資料即可:

fb-fanpage-rating-review-widget-1.jpg-讓 FB 粉絲團評論星等在網頁顯示﹍製作流程研究

接下來前端可寫 JS 將資料顯示在網頁上,看得懂的前端工程師應該可以實作出來。

看起來並不難,但這個流程絕對不能在前端執行,因為 "粉絲團專頁永久存取權杖" 若被看到,等於將 FB 粉絲團的管理權限拱手讓人,到時存取權杖被拿去做壞事就慘了,辛苦經營的粉絲團可能就此報銷。



二、準備動作


為了取得前述語法中的 ID 與權杖,需要做以下的準備動作:


1. 取得 FB 粉絲專頁 ID

進入這個網址:https://findmyfbid.com/

輸入 Facebook 粉絲頁網址後,按下「Find numeric ID」即可取得。


2. 取得 FB 粉絲專頁永久存取權杖

請參考這篇的技巧:快速取得 FB 粉絲專頁永久存取權杖

接下來把粉絲專頁 ID 與權杖填入前面提到的 FB API 語法,看看能否抓到 FB 粉絲頁評論資料,然後用 JS 顯示在網頁上。




三、補充說明


  • 從 DEMO 頁面即可看到前端程式碼
  • 但後端程式碼需要自行處理,以及設定 Google Apps Script。
  • 可參考「利用 Google 試算表當小型資料庫」,由後端呼叫 FB API 取得資訊後,儲存在試算表,再由前端存取資料庫,這樣一天只要更新一次即可
  • 如需代為處理的話請再與我聯繫


更多 Facebook 相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP