js頁面埋點


原文地址:http://sinoteam.blog.51cto.com/9115640/1562018

 

頁面埋點的作用,其實就是用於流量分析。而流量的意思,包含了很多:頁面瀏覽數(PV)、獨立訪問者數量(UV)、IP、頁面停留時間、頁面操作時間、頁面訪問次數、按鈕點擊次數、文件下載次數等。而流量分析又有什么用處:

1、提高網站的轉化率

         根據頁面埋點可得到一些重要信息,它告訴你用戶對網站的反應,以及如何提高網站流量、改進網站性能,了解用戶訪問網站的行為,為更好地滿足用戶需求提供支持。 

2、反應用戶黏度

         即使網站吸引了很多用戶訪問,但是通過流量分析發現,用戶停留的時間非常短,重復訪問用戶不多,用戶平均瀏覽的頁面也少,這樣的網站用戶黏度不夠,有流量但是沒有忠實的用戶,一旦有其它可替代網站,用戶隨時可能流失。這樣的網站,如果不采取有效的運營措施,很難有長期發展的后勁。

3、為網站內容管理和網站的產品策划提供方向

         通過流量分析,可以挖掘出整個網站哪個頻道最有人氣,頻道之間的流量比例是多少,每個頁面的流量是多少,哪個頁面最受歡迎,每個頁面中具體的哪個欄目點擊 量最高,這樣通過對頻道、欄目、頁面的具體流量分析和對比,可以挖掘出用戶的需求,發現用戶最關心什么內容,這對評估網站頻道、內容、頁面的價值有重要的 參考作用,也對網站內容下一步的優化有直接的參考意義。

 

埋點腳本:

借助新浪IP地址庫,顯示本地城市名稱:

1
2
3
4
<script src= "http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"  type= "text/ecmascript" ></script>  
remote_ip_info.country
remote_ip_info.province
remote_ip_info.city

 

獲取客戶端IP:

1
<script type= "text/javascript"  src= "http://www.coding123.net/getip.ashx?js=1" ></script>

 

獲取用戶的訪問開始時間、訪問結束時間、以及用戶與網站的交互時間(當用戶在網頁無操作時間超過30秒,理解為離開網頁),其中無操作包括:鼠標點擊、移動、滑輪無操作,鍵盤無按鍵操作。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
var  start =  new  Date();
var  strStart = start.getFullYear()+ "-" +(start.getMonth()+1)+ "-" +start.getDate()+ " " +
                 start.getHours()+ ":" +start.getMinutes()+ ":" +start.getSeconds();
var  len = 0;
var  end;
var  status =  "in" ;
var  second = 30;
function  revive(){
     if (status ==  "out" ){
         start =  new  Date();
         status =  "in" ;
     }
     second = 30;
}
window.setInterval( function (){
     second -= 1;
     if (0 == second){
         end =  new  Date();
         len += (end.getTime() - start.getTime())/1000;
         status =  "out" ;
     }
},1000);
$( 'body' ).click( function (){
     revive();
});
$( 'body' ).mousedown( function (){
     revive();
});
$( 'body' ).mouseup( function (){
     revive();
});
$( 'body' ).mousemove( function (){
     revive();
});
//(Firefox)
$( 'body' ).bind( 'DOMMouseScroll' function () {
     revive();
});
//(IE,Google)
$( 'body' ).bind( 'mousewheel' , function (){
     revive();
});
$( 'body' ).keydown( function (e){
     revive();
}); 
$( 'body' ).keyup( function (e){
     revive();
}); 
$( 'body' ).keypress( function (e){
     revive();
}); 
window.onbeforeunload =  function (){
    end =  new  Date();
    var  strEnd = end.getFullYear()+ "-" +(end.getMonth()+1)+ "-" +end.getDate()+ " " +
                 end.getHours()+ ":" +end.getMinutes()+ ":" +end.getSeconds();
    len += (end.getTime() - start.getTime())/1000; 
    var  img =  new  Image();
    img.src = contextPath +  "behavior?stayTime="  + len +  "&strStart"  + strStart +  "&lastDate="  + strEnd;
};

 

獲取點擊按鈕:

1
2
3
4
5
<a onclick= "return getid(this.id)" > 按鈕</a>
function  getid(id) {
     var  img =  new  Image();
     img.src = contextPath +  "button?id="  + id;
}

 

獲取搜索來源:

判斷從哪個搜索工具找到你的網站,document.referrer(上級URL),這個可以獲取到你上級頁面,如果看到上級URL里面包含baidu,就可以粗略的判斷是從百度訪問的頁面。

 

流量統計系統一般包括以下情況分析:

1、按在線情況分析

  在線情況分析分別記錄在線用戶的活動信息,包括:來訪時間、訪客地域、來路頁面、當前停留頁面等,這些功能對企業實時掌握自身網站流量有很大的幫助。

2、按時段分析

  時段分析提供網站任意時間內的流量變化情況.或者某一段時間到某一段時間的流量變化,比如小時段分布,日訪問量分布,對於企業了解用戶瀏覽網頁的的時間段有一個很好的分析。

3、按來源分析

         來源分析提供來路域名帶來的來訪次數、IP、獨立訪客、新訪客、新訪客瀏覽次數、站內總瀏覽次數等數據。這個數據可以直接讓企業了解推廣成效的來路,從而分析出那些網站投放的廣告效果更明顯。

  以上這些網站分析技巧,為網絡營銷人員從不同方面分析網站運營的效果提供了方便,不過,這些基本統計信息本身所能反映的問題並不全面,有些隱性問題可能並非反映出來。對一些問題的深度分析,則需要考慮更多的因素,也可能涉及到更多的專業分析手段。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM