線上查詢 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+ 留言系統的各種方法」→「四、各種網頁都能安裝的方法」