google的分析(analytics)js代码分析以及重写

转载 2006年05月30日 14:33:00

google的分析(analytics)js代码分析以及重写

    相信用过google的analytics的朋友都了解其功能的强大.
    由于工作需要,最近将其urchin.js的代码down了一份下来研究了一下.由于其注释很少,命名也很难读懂.研究了1个月.小有所成.将其代码重写并加上了注释.与大家一同分享.这里面将google的用户识别代码删除.
/*
 =====================================
|--------Author By BlackSoul---------|
|------------2006.04.27--------------|
|--------BlackSoulylk@gmail.com------|
|------------QQ:9136194--------------|
|------http://blacksoul.cnblogs.cn---|
======================================
*/


//定义全局量
var ur = "";                                                  //来源地址
var urp = new Array();                                        //来源参数名称
var urpv = new Array();                                       //来源参数值
var arrayCount = 0;                                           //参数数目
pageOpen = new Date();                                          //进入页面的时间
var reqURL = "http://192.168.0.219/Analytics/";               //接收数据的页面地址
var GUID = Math.round(Math.random()*2147483647);              //用户唯一随机数
var title = document.title;                                   //网页标题
var uexp = pageOpen.getTime() + ( 1000 * 60 * 60 * 24 * 30 ); //设置cookie过期时间 既回访用户的限定
var rtu = "false";                                            //指示用户是否回访用户

//浏览器特征信息
var brower = new Array();
/*
* brower[0] 浏览器类型
* brower[1] 浏览器版本
* brower[2] 浏览器java是否打开 1开-1关
* brower[3] 浏览器flash版本
* brower[4] 浏览器操作系统
* brower[5] 浏览器分辨率
* brower[6] 浏览器色深
* brower[7] 浏览器语言
* brower[8] 浏览器插件
*/

var sEn=new Array();    //搜索引擎的名称
var keyWord=new Array(); //关键字传输形式
sEn[0]="google";        keyWord[0]="q";
sEn[
1]="yahoo";            keyWord[1]="p";
sEn[
2]="msn";            keyWord[2]="q";
sEn[
3]="aol";            keyWord[3]="query";
sEn[
4]="lycos";            keyWord[4]="query";
sEn[
5]="ask";            keyWord[5]="q";
sEn[
6]="altavista";        keyWord[6]="q";
sEn[
7]="search";        keyWord[7]="q";
sEn[
8]="netscape";        keyWord[8]="query";
sEn[
9]="earthlink";        keyWord[9]="q";
sEn[
10]="cnn";            keyWord[10]="query";
sEn[
11]="looksmart";    keyWord[11]="key";
sEn[
12]="about";        keyWord[12]="terms";
sEn[
13]="excite";        keyWord[13]="qkw";
sEn[
14]="mamma";        keyWord[14]="query";
sEn[
15]="alltheweb";    keyWord[15]="q";
sEn[
16]="gigablast";    keyWord[16]="q";
sEn[
17]="voila";        keyWord[17]="kw";
sEn[
18]="virgilio";        keyWord[18]="qs";
sEn[
19]="teoma";        keyWord[19]="q";
sEn[
20]="baidu";        keyWord[20]="wd";
//test data----------------------------//////////////////////////////-----------/-/-/-/-/-/-/-/-/-/-/-
sEn[21]="localhost";    keyWord[21]="q";

    这里面定义一些全局的量,其中upr,urpv为来源参数和指,比如来源为http://www.google.com/?p=BlackSoul&q=javascript,则urp[0]="p",urp[1]="q" 相对应的urpv[0]="BlackSoul",urpv[1]="javascript".
但是最终传输的时候是以分隔符的形式传递给服务器端的.
    GUID为随机数,google是这么做的.当初没有想通为什么要保存一个随机数,后来分析数据的才明白过来.为了验证用户的唯一性.
以下是函数处理:
//-----------------------------比较url,如果为搜索引擎则保存关键字-------------
function getKeyword(url)
{
    
var hostname;
    
if(url.indexOf("."== -1)
        
{hostname = url;}
    
else
        
{hostname = url.substring(url.indexOf("."),url.lastIndexOf("."));}
    
for(var i = 0; i < sEn.length; i++)
    
{
        
if(hostname == sEn[i])
        
{
            
for(var j = 0; j < urp.length; j ++)
            
{
                
if(urp[j] == keyWord[i])
                
{
                    
return urpv[j];
                }

            }

        }

    }

    
    
return "";
}

//将URL转换为地址和页面参数和参数值 参数uri为页面地址
function gethn(uri)
{
    
if(!uri || uri == ""return "";
    ur 
= uri;
    
var sub;
    
//带参数
    if(ur.indexOf("?"!= -1)
    
{
        
var url = ur.substring(0,ur.indexOf("?"));
        
var para = ur.substring(ur.indexOf("?")+1,ur.length);
        
while(para.length > 0)
        
{
            
if(para.indexOf("&"== -1)
            
{
                urp[arrayCount] 
= para.substring(0,para.indexOf("="));
                urpv[arrayCount] 
= para.substring(para.indexOf("=")+1,para.length);
                
break;
            }

            sub 
= para.substring(0,para.indexOf("&"));
            urp[arrayCount] 
= sub.substring(0,sub.indexOf("="));
            urpv[arrayCount] 
= sub.substring(sub.indexOf("=")+1,sub.length);
            para 
= para.substring(para.indexOf("&")+1,para.length);
            arrayCount 
++;
        }

        
return url;
    }

    
else
        
return ur;
}


//----------------------------获得域名---------------------------------------------
function getHostName(url)
{
    url 
= url.substring(url.indexOf('://')+3,url.length);
    url = url.substring(0,url.indexOf("/"));
    
return url;
}


//---------------------------获得flash版本------------------------------------------
function getFlash() {
 
var f="-1",n=navigator;
 
if (n.plugins && n.plugins.length) {
  
for (var ii=0;ii<n.plugins.length;ii++{
   
if (n.plugins[ii].name.indexOf('Shockwave Flash')!=-1{
    f
=n.plugins[ii].description.split('Shockwave Flash ')[1];
    
break;
   }

  }

 }
 else if (window.ActiveXObject) {
  
for (var ii=10;ii>=2;ii--{
   
try {
    
var fl=eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash."+ii+"');");
    
if (fl) { f=ii + '.0'; break; }
   }

   
catch(e) {}
  }

 }

 
if(f == "-1")
    
return f;
 
else
     
return f.substring(0,f.indexOf(".")+2);
}


//--------------------------设置异步传输-----------------------------------
function createXMLHttpRequest() 
{
    
if (window.XMLHttpRequest) 
    
{
        
return new XMLHttpRequest();
    }

    
else if (window.ActiveXObject) 
    
{
        
return new ActiveXObject("Microsoft.XMLHttp");
    }

}
    以上的方法可以取得一些基本信息.但是关键的问题还是设置用户cookie,判断回访,判断最后一次访问时间,并设置其GUID.这里看了很久没有发现google是怎么做的...于是自己想了一些笨办法.见一下代码:
//浏览器特征信息
function BrowserInfo() 
{
    brower[
0= navigator.appName;
    brower[
7= navigator.language;
    
if(brower[0== "Netscape")
    
{
        
var browerInfo = navigator.userAgent;
        brower[
1= browerInfo.substring(browerInfo.lastIndexOf(" ")+1,browerInfo.length);
        brower[
0= brower[1].substring(0,brower[1].lastIndexOf("/"));
        brower[
1= browerInfo.substring(browerInfo.lastIndexOf("/")+1,browerInfo.length);
        brower[
7= navigator.language;
    }

    
else if(brower[0== "Microsoft Internet Explorer")
    
{
        brower[
1= navigator.userAgent.split(";")[1];
        brower[
7= navigator.userLanguage;
    }

    brower[
2= navigator.javaEnabled()?1:-1;
    brower[
3= getFlash();
    brower[
4= getOS();
    
    
if (self.screen) {
        sr
=screen.width+"x"+screen.height;
        sc
=screen.colorDepth+"-bit";
    }
 
    
else if (self.java) 
    
{
        
var j=java.awt.Toolkit.getDefaultToolkit();
        
var s=j.getScreenSize();
        sr
=s.width+"x"+s.height;
   }

   
//分辨率
   brower[5= sr;
   
//色深
   brower[6= sc;
   
//插件列表
   brower[8= getPlugin();
}


//-----------------------获得当前地址-----------------------------
function getHref()
{
    
return document.location.href;
}


//-----------------------cookie操作开始-----------------------------------------------------------------------------------------------------------------

function setCookie(name, value)
//设定Cookie值
{
    
var expdate = new Date();
    
var argv = setCookie.arguments;
    
var argc = setCookie.arguments.length;
    
var expires = 15768000;
    
var path = (argc > 3? argv[3] : null;
    
var domain = (argc > 4? argv[4] : null;
    
var secure = (argc > 5? argv[5] : false;

    
if(expires!=null
    
{
    
//设置过期时间24小时
        expdate.setTime(uexp);
        document.cookie 
= name + "=" + escape (value) +((expires == null? "" : ("; expires="+ expdate.toGMTString()))
            
+ ((path == null? "" : ("; path=" + path)) +((domain == null? "" : ("; domain=" + domain))
            
+ ((secure == true? "; secure=" : "");
   }

}


function delCookie(name)
//删除Cookie
{
    
var exp = new Date();
    exp.setTime (exp.getTime() 
- 1);
    
var cval = getCookie (name);
    document.cookie 
= name + "=" + cval + "; expires="+ exp.toGMTString();
}



//获得Cookie的值
function getCookie(fname)
{
    
var name,value;
    
var cookies = new Object();
    
var beginning,middle,end;

    beginning 
= 0;
    
while(beginning < document.cookie.length)
    
{
        middle 
= document.cookie.indexOf("=",beginning);
        end 
= document.cookie.indexOf(";",beginning);

        
if(end == -1)
        
{
            end 
= document.cookie.length;
        }

        
if((middle > end) || (middle == -1))
        
{
            name 
= document.cookie.substring(beginning,end);
            value 
= "";
        }

        
else
        
{
            name 
= document.cookie.substring(beginning,middle);
            value 
= document.cookie.substring(middle+1,end);
        }

        
if(name == fname)
        
{
            
return unescape(value);
        }

        beginning 
= end + 2;
    }

}


//-----获取GUID的cookie是否存在获得---------------------------------------------------
function getCookieValue()
{
    
var guid = getCookie("GUID");
    
if(guid != null)
    
{
        
return guid;
    }

    
else
    
{
        
return "noCookie";
    }

}


//---------------------获得注册用户cookie---------------------------------------------
function getRegUserCookie()
{
    
return ;
}

//-----------------------------cookie 操作完毕------------------------------------------------------------------------------------------------------------

//---------------------------得操作系统---------------------------
function getOS()
{
    
var OSlist = new Array();
    
var OSName = new Array();
    OSlist[
0= " Windows4.0";       OSName[0= "Windows 95";
    OSlist[
1= " Windows 98";       OSName[1= "Windows 98";
    OSlist[
2= " Windows NT 5.0";   OSName[2= "Windows 2000";
    OSlist[
3= " Windows NT 5.1";   OSName[3= "Windows XP";
    OSlist[
4= " Windows NT 5.2";   OSName[4= "Windows Server 2003";
    
var ua = navigator.userAgent.split(";");
    
for(var i = 0; i < OSlist.length; i++)
    
{
        
if(ua[2== OSlist[i])
            
return OSName[i];
    }

    
return ua[2];
}


//获得插件
function getPlugin()
{
    
var plugin = "";
    
var ua = navigator.userAgent.split(";");
    
if(ua.length < 4)
        
return "";
    
for(var i = 4; i < ua.length; i++)
    
{
        plugin 
+= ua[i] + ",";
    }

    
return plugin.substring(0,plugin.length-2);
}

    需要说明的一点是GetResidentTime这个函数,google采用了img.load的方法加载了接收处理信息页面的,需要再服务器端配置将后缀为.gif或你所取的其他形式的文件使用aspx的方式编译运行.因为我原来考虑的是使用xmlHttp异步调用.但是页面退出的时候有时候不执行.所以就弃用了.代码如下:
function GetResidentTime() 
{
    pageClose 
= new Date();
    minutes 
= (pageClose.getMinutes() - pageOpen.getMinutes());
    
if(minutes < 0)
    
{
        minutes 
= minutes + 60;
    }

    seconds 
= (pageClose.getSeconds() - pageOpen.getSeconds());
    
if(seconds < 0){ seconds += 60;}
    time 
= (seconds + (minutes * 60)); 
    
//------------------------修改此处为接收链接地址 XML 异步传输------------------------------------
//
    var xmlHttp = createXMLHttpRequest();
//
    xmlHttp.open("POSt", reqURL + firstvisit.aspx?" + StrPara(), false);
//
    xmlHttp.send(null);
//
----------------------------图片形式传递-------------------------------------------------------
    if(isReturn() == false)
    
{
        
var i = new Image(1,1);

        i.src 
= reqURL + "firstVisit.aspx?" + StrPara() + "&GUID=" + GUID;
        i.onload 
= function() {LoadVoid();}

        
//进入页面的信息
        if(getCookieValue("GUID"== "noCookie"){return ;}
        i.src 
= reqURL + "pageView.gif?" + pageView() + "&st=" + time;
        i.onload
=function() {LoadVoid();}
    }

    
else
    
{

        
var i=new Image(1,1);
        i.src 
= reqURL + "pageView.gif?" + pageView() + "&st=" + time;
        i.onload
=function() {LoadVoid();}
    }

}
    最后就是调用了.我使用了window.onunload = GetResidentTime
    传递的参数大家可以打印出来看一下.应该可以明白其意思.
    剩下的就是服务器端的处理了,在服务器端处理其实相当简单.取得request的值,验证并保存入数据库.现在有了数据,分析的事情就由用户按照自己的要求来处理了..补充一句,ip地址是由服务器端来取得保存的.
    使用的时候记得一定将其放到服务器端,然后使用<javascript language="javascript" type="text/javascript" src=服务器地址+路径+"statistics.js"> </script>   附上完整的代码http://www.cnblogs.com/Files/BlackSoul/statistic.rar下载.
    该例子我在IE,firefox,netscape下面测试都很正常.搞了一个月,总算有所成就了.但是还有很多需要改进的地方,希望做过的,感兴趣的朋友多多指点交流.

google ga.js代码分析

  • 2017年05月03日 21:05
  • 156KB
  • 下载

Google首页现代舞先驱玛莎·葛兰姆JS代码分析(附源码下载)

Google闲人真多,羡慕。有时间研究这些东西。
  • xzknet
  • xzknet
  • 2011年05月19日 08:56
  • 1901

深圳电信isp劫持www.google-analytics.com的ga.js来弹出广告窗口分析

每天第一次登录QQ的时候的,浏览器就会自动打开,gd.189.cn的一个广告页面,特别烦。通过抓取有登录数据包和分析包的数据,发现它是劫持了一个js来弹出广告窗口。...

Google Analytics(分析)跟踪代码:电子商务

http://code.google.com/intl/zh-CN/apis/analytics/docs/gaJS/gaJSApiEcommerce.html 跟踪代码:电子商务 ...

在Magento中加入Google Analytics的电商信息分析代码

参考:https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingEcommerce?hl=zh-CN M...

Google Analytics统计代码GA.JS中文教程

天我们讲一讲Google Analytics新统计代码GA.JS,关于GA.JS脚本在这里跟大家深入浅出地进行探讨和学习。 代码示例: var gaJsHost = ((”https:” ==...
  • A221133
  • A221133
  • 2013年09月23日 13:56
  • 1711

Google Analytics统计代码GA.JS中文教程

|举 今天我们讲一讲Google Analytics新统计代码GA.JS,关于GA.JS脚本在这里跟大家深入浅出地进行探讨和学习。 代码示例: 1 2 3...

google chrome代码分析

  • 2011年02月12日 14:44
  • 1.1MB
  • 下载

将 Google Analytics(分析)添加到 Android 应用中

将 Google Analytics(分析)添加到 Android 应用中本指南介绍了如何将 Google Analytics(分析)添加到您的 Android 应用以衡量用户在已命名屏幕上的活动。如...

Google Analytics(分析)数据收集限制和配额

原文链接:https://developers.google.com/analytics/devguides/collection/analyticsjs/limits-quotas?hl=zh-cn...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:google的分析(analytics)js代码分析以及重写
举报原因:
原因补充:

(最多只允许输入30个字)