Web Analytics工具domodomain的B/S交互实现机制分析
最近在
YMU网络
的开发过程中试用了
domodomain
提供的
Web Analytics
服务，发现其分析功能很强，能很精确地定位访问来源，而且能展现一个用户的页面访问顺序，界面也挺好用（见截图）。但是其服务不是免费的，价格还挺贵的，不过你可以免费试用一个月哦！
在使用domodomain及Google Analytics这两种Web Analytics工具过程中，顺便分析了一下，发现两者在Browser和Server间交互的实现机制是基本一致的。
<o:p> </o:p>
下面以domodomain为例说明实现机制，其中目标监测网页：http://youmonitor.us/index.shtml；
而referrer为http://java-guru.iteye.com/blog/133803。
<o:p> </o:p>
1. 首先需要在index.shtml的下增加以下js代码：<o:p></o:p>
<script src="http://www.domodomain.com/DomoDomain/Sensor/DDSense.aspx?id=73083351-f537<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="True" hasspace="False" sourcevalue="45" unitname="C">-45c</st1:chmetcnv>0-abd3<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="True" hasspace="False" sourcevalue="88" unitname="F">-88f</st1:chmetcnv>171b<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="24" unitname="a">24a</st1:chmetcnv>85"
type="text/javascript" language="javascript"><!---->script><o:p></o:p>
<o:p> </o:p>
其中id是申请服务时分配的标识。
<o:p> </o:p>
2. 生成base page<o:p></o:p>
当index.shtml被访问时，js代码(http://www.domodomain.com/DomoDomain/Sensor/DDSense.aspx?id=73083351-f537<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="True" hasspace="False" sourcevalue="45" unitname="C">-45c</st1:chmetcnv>0-abd3<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="True" hasspace="False" sourcevalue="88" unitname="F">-88f</st1:chmetcnv>171b<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="24" unitname="a">24a</st1:chmetcnv>85)被下载、执行，并返回如下结果：
<o:p> </o:p>
function DD()<o:p></o:p>
{<o:p></o:p>
var n = new Date();<o:p></o:p>
var sTimezone = n.getTimezoneOffset();<o:p></o:p>
var sWidth=screen.width;<o:p></o:p>
var sHeight=screen.height;<o:p></o:p>
var sApp=navigator.appName;<o:p></o:p>
var sReferrer=""+escape(document.referrer);<o:p></o:p>
var sLocation=""+escape(document.URL);<o:p></o:p>
var sColor=0;<o:p></o:p>
if (sApp!="Netscape") sColor=screen.colorDepth;<o:p></o:p>
else sColor=screen.pixelDepth;<o:p></o:p>
document.write("/DDWebSensor.aspx?id=73083351-f537<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="True" hasspace="False" sourcevalue="45" unitname="C">-45c</st1:chmetcnv>0-abd3<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="True" hasspace="False" sourcevalue="88" unitname="F">-88f</st1:chmetcnv>171b<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="24" unitname="a">24a</st1:chmetcnv>85&keywords="+<o:p></o:p>
"&rnd="+Math.random()+<o:p></o:p>
"&location="+sLocation+<o:p></o:p>
"&referrer="+sReferrer+<o:p></o:p>
"&color="+sColor+<o:p></o:p>
"&width="+sWidth+<o:p></o:p>
"&height="+sHeight+<o:p></o:p>
"&timezone="+sTimezone+<o:p></o:p>
"\" width=\"1\" height=\"1\" >"); <o:p></o:p>
}<o:p></o:p>
function DD2(){<o:p></o:p>
var n = new Date();<o:p></o:p>
var sTimezone = n.getTimezoneOffset();<o:p></o:p>
var sWidth=screen.width;<o:p></o:p>
var sHeight=screen.height;<o:p></o:p>
var sApp=navigator.appName;<o:p></o:p>
var sReferrer=""+escape(document.referrer);<o:p></o:p>
var sLocation=""+escape(document.URL);<o:p></o:p>
var sColor=0;<o:p></o:p>
if (sApp!="Netscape") sColor=screen.colorDepth;<o:p></o:p>
else sColor=screen.pixelDepth;<o:p></o:p>
document.write("<o:p></o:p>