線上查詢 FB G+ Twitter 社群分享按鈕數據 + 立即檢視 FB G+ 留言板內容

線上查詢 FB G+ Twitter 社群分享按鈕數據 + 立即檢視 FB G+ 留言板內容

A+
fb-plus-twitter-share-count-comment-online-checker-線上查詢 FB G+ Twitter 社群分享按鈕數據 + 立即檢視 FB G+ 留言板內容前陣子因為網站改用「RWD 範本」,同時在精簡 JS 外掛的前提下,移除了 FB 讚、+1 按鈕,而且 FB 及 G+ 留言板也都不使用了。

現在偶爾想要知道某篇文章的社群分享按鈕累積數據,或是那篇的 FB、G+ 讀者留言內容,就會比較麻煩一些。

於是就做了本篇的線上工具,可以立即查詢任何網址的社群分享按鈕狀態(FB G+ Twitter),也能顯示該篇文章所有的 FB G+ 留言訊息。

(圖片出處: peakpx.com)


一、線上產生器






二、相關程式碼


以上的輸入框、按鈕等等樣式,使用「Bootstrap」就能很方便地快速做出來。

以下為取得相關資訊的程式碼及出處:

1. FB 讚 分享 + 留言數

http://graph.facebook.com/?id=http://www.wfublog.com/2017/03/blogger-rwd-official-template.html
如以上範例,在 http://graph.facebook.com/?id= 後面加上網址,就可取得:

  • comment_count 代表留言數
  • share_count 代表「讚+分享」的數量


2. Google +1 數

這個討論串「How do I get the counter of a google plus +1 button?」有人提供了 jQuery 的取得方式:

var url = "填入網址";
var data = {
"method":"pos.plusones.get",
"id": url,
"params":{
"nolog":true,
"id": url,
"source":"widget",
"userId":"@viewer",
"groupId":"@self"
},
"jsonrpc":"2.0",
"key":"p",
"apiVersion":"v1"
};
$.ajax({
type: "POST",
url: "https://clients6.google.com/rpc",
processData: true,
contentType: 'application/json',
data: JSON.stringify(data),
success: function(r){
alert(r.result.metadata.globalCounts.count);
}
});


3. Twitter

這個網頁「widgetoon.js & count.jsoon」提供了某個非官方 Twitter API 的串接方式:

http://jsoon.digitiminimi.com/twitter/count.json?url=http://google.com
如以上範例,在 http://jsoon.digitiminimi.com/twitter/count.json?url= 後面加上網址,就可取得 twitter 數量。


4. FB 留言板

取得特定網址的 FB 留言板狀態,可使用「FB 官網 API


5. G+ 留言板

取得特定網址的 G+ 留言板狀態,可參考「Blogger 轉換為 G+ 留言系統的各種方法」→「四、各種網頁都能安裝的方法」


更多社群分享按鈕相關文章:

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」。
◎ 非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP