1. 程式人生 > >頁面新增友盟(CNZZ)統計和事件追蹤

頁面新增友盟(CNZZ)統計和事件追蹤

1. 在頁面中引入友盟(CNZZ)統計的 JS 程式碼

<script type="text/javascript"> 
    // 統計
    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_******'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s96.cnzz.com/z_stat.php%3Fid%3D1275610080%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));

    document.getElementById("cnzz_stat_icon_******").style.display="none"; // 隱藏統計小圖示
    
</script>

2. 在頁面的之前新增

<script>
//宣告_czc物件:
var _czc = _czc || [];
//繫結siteid,請用您的siteid替換下方"XXXXXXXX"部分
_czc.push(["_setAccount", "XXXXXXXX"]);
</script>
  • “var _czc = _czc || [];”,用來宣告_czc物件,API程式碼中都會使用到這個物件。

  • “_czc.push(["_setAccount", "XXXXXXXX"]);”用來指定需要哪個網站程式碼(siteid)來接受API傳送的請求。"XXXXXXXX"表示您網站上新增的CNZZ統計程式碼所對應的siteid。
  • 注意:如果頁面中只包含一個CNZZ統計程式碼,_czc.push(["_setAccount", "XXXXXXXX"]);可以省略,API將會自動匹配。但如果頁面中添加了多個CNZZ統計程式碼,那這行程式碼就是必不可少的。只有此處繫結的siteid才會響應API請求,其他程式碼忽略請求,不受影響。

3. 事件追蹤程式碼

在按鈕等被點選觸發的時候,呼叫_trackEvent()方法,語法如下:

_czc.push(["_trackEvent",category,action,label,value,nodeid]);

各引數含義如下:

  • category:事件類別,必填項,表示事件發生在誰身上,如“視訊”、“小說”、“輪顯層”等等。
  • action:事件操作,必填項,表示訪客跟元素互動的行為動作,如"播放"、"收藏"、"翻層"等等。
  • label:事件標籤,選填項,用於更詳細的描述事件,從各個方面都可以,比如具體是哪個視訊,哪部小說,翻到了第幾層等等。
  • value:事件值,選填項,整數型,用於填寫打分型事件的分值,載入時間型事件的時長,訂單型事件的價格等等。
  • nodeid:div元素id,選填項,填寫網頁中的div元素id值,用於在“使用者視點”功能上重繪元素的事件發生情況。

參考:http://open.cnzz.com/a/new/trackevent/