网站分析的基础知识（五）监测代码的部署—互动行为监测

我们接着上节的内容来说，页面的基本代码部署完以后，接下来就是对网站的各个部分进行补充监测了（因为GA默认情况下是不提供其他互动行为的监测的），那么我们怎么通过实施代码来收集我们需要的数据呢？下面我们通过剖析html代码来慢慢揭开她神秘的面纱。

目前所有的计算机或互联网应用都是通过代码堆积起来的，网站页面也一样。做网站分析的话通过了解他们的规则可以知道什么数据可以有，什么不能有，什么做起来简单，什么做起来难。毕竟很多时候和前端工程师直接交流是最行之有效的方式，而你需要懂一些基本的常识，不然难免被鄙视还容易被忽悠成为他们偷懒的借口。就像你和老外讲话一样，他跟你讲“son of bitch”你还以为他在夸你“沙滩之子”。编程语言也是一门语言，不需要掌握太多，就跟你学英语知道个你好谢谢再见什么的可以简单交流就行了。说了这么多题外话，其实就是我这么久以来的感受，做这个是需要懂点技术，不需要你能开发什么东西出来，知道一些原理会让好多事情事半功倍。可能一开始觉得它像本天书，但实际上一旦你开始学了，你会发现它也没想象中的那么难。这里推荐个网站w3school。

回到正题上来，这次说的是添加页面互动元素的监测。那么我们先来看一下页面上到底有哪些主要的互动元素：

1、链接

链接一般是包含在A标签中的，比如下面这个例子：

Jackie网站分析

<a href=”http://jackie.ms"  target=”_blank”  onclick=”_gaq.push([‘_trackPageview’,’/test’])”>Jackie网站分析</a>

第一行是网页中显示的样子，第二行是它的源代码。我们分开来看：

主体	一对a标签<a></a>
href	点击链接指向的地址
target=“_blank”	以新标签的方式打开（不加则从该页面直接跳转）
onclick="_gaq.push(['_trackPageview','/test'])"	点击时调用的函数，这里为trackPageview

当点击这个链接时就会相应的触发一个trackPageview请求，这不是真正意义上的页面浏览，所以我们称之为“虚拟页面”。

除了onclick事件以外，<a>还支持onfocus, onblur, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup这些事件，满足你在不同情况下的需求，在这里不一一介绍了，英文过关的话自己先意会一下。

2、表单

Name: 源码：<form> Name: <input type="text" name="firstname"  onchange="_gaq.push(['_trackEvent','form','change','name'])"/> <br /> </form>同样的方法，在标签内通过特定的事件触发代码，比如上面这一条，当你在表单里填写东西以后，它的内容改变了，那么就会触发一个事件请求，发送到GA的服务器端记录下来。同样的，下面各种形式的表单按钮，都是可以通过事件监测的。方法触类旁通，时间有限这里不细讲,每一个标签的写法和他们支持的函数及代表的意义都可以在上面的网站查到，我也记不了几个，当我需要时我会里面找到答案。

Male Female

I like apple I like banana

Username:

以上只是给大家解释了基本的方法，给大家开启一下思路。一千个人有一千个哈姆雷特，不同的人有不同的需求，也适合不同的方法，关键是通过这个基本的方法自己去发散得到自己想要的效果。基本知识内容就先写到这里为止，从开始有这个想法坚持的这几天感觉比较充实，同时也给自己做了下梳理和总结，希望对初学者会有一定的帮助。google、百度、360也在一周以内就收录了我这个站，倍感欣慰。写这些基础的时候我时常会停顿下来，总觉得在自己的角度上看可能有一些东西新手会不方便理解，所以尽量都用“接地气”而俗一点的例子来说明，希望给大家提提神，别睡着。如果有写的不明白的地方请给我留言，文采不好请见谅，语文老师跟我不熟。

接下来我会写两部分的东西，一部分是关于GA操作界面的使用方法，另一部分就如同前两天写的滚屏监测这种尝试性的例子，如果你有什么关于GA监测的有趣的想法的话，欢迎一起探讨。