首页 > 代码库 > 监测代码的作用及用法

监测代码的作用及用法

在很多网站中都少不了监测代码。

什么是监测代码,就比如说你有一个网站,你很想知道用户在浏览你的网站的时候都点击了哪些链接 做了哪些操作 看了哪些东西。

你需要统计一下这些数据,来分析出用户对网站里的哪些东西感兴趣 ,方便对网站的维护和修改。

而监测代码就是做这些事情的,监测代码有很多。

比如谷歌的,你点击一下 谷歌就会向服务器发送一条请求 来记录下你的这次操作,当然你也可以让数据存入你的数据库,方便你来使用和处理。

上面介绍的是监测代码的作用 下面来说说监测代码的步骤:

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>

第三步:调用方法

我们只要根据需求去调用方法就是了 里面的参数在相关文档里会给出。

以上纯属个人见解 如有错漏 还请指正。

监测代码的作用及用法