首页 > 代码库 > 监测代码的作用及用法
监测代码的作用及用法
在很多网站中都少不了监测代码。
什么是监测代码,就比如说你有一个网站,你很想知道用户在浏览你的网站的时候都点击了哪些链接 做了哪些操作 看了哪些东西。
你需要统计一下这些数据,来分析出用户对网站里的哪些东西感兴趣 ,方便对网站的维护和修改。
而监测代码就是做这些事情的,监测代码有很多。
比如谷歌的,你点击一下 谷歌就会向服务器发送一条请求 来记录下你的这次操作,当然你也可以让数据存入你的数据库,方便你来使用和处理。
上面介绍的是监测代码的作用 下面来说说监测代码的步骤:
1.监测代码分为基础代码和引用代码 。
就像我们使用javascript插件时 都得引入他的库。基础代码就是监测代码的库,我们需要引入来保证他的运行。
2.接下来就是写触发事件了 就是在什么时候发送请求 你可以在页面加载完之后就发送 也可以让用户在点击的时候发送。
值得一说的是 触发的代码里都会有参数,这些参数可能是常量,比如说但为某一个元素的代码。
也有可能是变量 比如说导航上的选项 会有好多个 (变量一般都用红色标记)他们的参数里面都有规定都数字几开始 有序的逐渐递增。
还有一种监测代码是flooding代码,他的调用代码有两种类型 PV和UV 分为三步
第一步:创建方法
<script type="text/javascript">
function doubleclickjc(ta,tb,tc) {
var axel = Math.random() + "";var a = axel * 10000000000000;
var turl="";
if(ta=="PV"){
turl=‘http://3181759.fls.doubleclick.net/activityi;src=http://www.mamicode.com/3181759;type=‘+tb+‘;cat=‘+tc+‘;ord=‘ + a + ‘?‘;
window.frames["doubleclickPV"].location.href=http://www.mamicode.com/turl;
} else {
turl=‘http://3181759.fls.doubleclick.net/activityi;src=http://www.mamicode.com/3181759;type=‘+tb+‘;cat=‘+tc+‘;ord=1;num=‘ + a + ‘?‘;
window.frames["doubleclickUV"].location.href=http://www.mamicode.com/turl;
}
}
</script>
这段代码的意思是写一个方法 方法有三个参数。
一个参数是类型 第二个是type的值 第三个是cat的值 。
方法里首先创建了一个随机数 然后判断引用方法传的参数是pv还是uv。然后根据传进来的参数赋值改变iframe的链接。
第二步:创建容器
这时候我们还需要一个iframe 作为容器 ,一般我们都会放到body标签的下面 他默认是隐藏的 所以不会影响布局。代码如下
<div style="visibility: hidden; position: absolute; left: 0; top: 0">
<iframe src="http://www.mamicode.com/about:blank" name="doubleclickPV" id="doubleclickPV"
width="1" height="1" frameborder="0"></iframe>
<iframe src="http://www.mamicode.com/about:blank" name="doubleclickUV" id="doubleclickUV"
width="1" height="1" frameborder="0"></iframe>
</div>
第三步:调用方法
我们只要根据需求去调用方法就是了 里面的参数在相关文档里会给出。
以上纯属个人见解 如有错漏 还请指正。
监测代码的作用及用法