开发学院 WEB开发 ASP.NET google的分析(analytics)js代码分析以及重写阅读

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

　2006-05-20 17:08:23　来源：WEB开发网　　　

核心提示： 相信用过google的analytics的朋友都了解其功能的强大. 由于工作需要,最近将其urchin.js的代码down了一份下来研究了一下.由于其注释很少,命名也很难读懂.研究了1个月.小有所成.将其代码重写并加上了注释.与大家一同分享.这里面将google的用户识别代码删除. /**//* =|Author

　相信用过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下面测试都很正常.搞了一个月,总算有所成就了.但是还有很多需要改进的地方,希望做过的,感兴趣的朋友多多指点交流.

http://blacksoul.cnblogs.com/archive/2006/05/19/404563.html