網頁

2011年10月31日 星期一

[野人獻曝] 利用Google的+1按鍵統計某頁面的按讚次數(FB風

今天是講Google+1按鍵的功能,請要看Facebook的人可以離開了喔~(拖走想看Facebook的,請往這裡

如圖所示,這是Google+1按鍵的取得頁面,
上面的主要選項就不解釋了,
這裡就從進階選項那一區說明:
「加入計數」和「剖析」這兩項不在本文討論的範圍,
因此有需要的請自己去找資料;
這裡只解釋下方的兩個選項,也就是「JavaScript Callback函式」與「+1網址」。

這個JavaScript Callback函式是當使用者按了Javascript時會觸發的JavaScript事件,
所以你可以填入一個JavaScript函式名稱,
以便使用者+1後可以作一些事情(這方面請自行想像);
至於「+1網址」則是代表這個+1的分數(?)要算在哪個網址上。

解釋了兩個對本文比較有點關係的進階選項後,
接下來就是進入正題了。

當你填好這兩個選項後,
Google會產生類似以下的code:
<script src="https://apis.google.com/js/plusone.js" type="text/javascript">
</script>


<g:plusone callback="<你設定的JavaScript Callback函式>" href="<你設定的+1網址>"></g:plusone>

接著請把這段Code貼在應該出現的地方,
然後我們要寫一段javascript,以便應付使用者點擊+1按鍵後的回呼動作。

首先假設這裡設定的callback函式是「thankyou」,
所以就會有以下的js內容:
// o是一個物件,至少會包含「state」和「href」這兩個元素
function thankyou (o) {
  if (o.state.toLowerCase() == "ok") {  // 當使用者高興地(?)按了+1時
    alert("感謝您的支持");
  } else {   // 當使用者之前按了+1,之後又取消的狀況
    alert("如果可以的話,請告訴我們為什麼您又取消了+1");  
  }
}

當使用者按了+1後(如果他之前沒按過的話),
那麼就會出現「感謝您的支持」之類的話;
反之,則是後面的文字這樣。

以上就是最簡單的概念。
當然啦,你也可以衍生成當使用者按了+1後才能觀看文章(還是其他別的)作法,
但是我覺得這樣並不是很好啦。
總之本日的野人獻曝就這樣,
下次有機會再見~掰咪^.<

沒有留言: