似水年华

今天再来完成31天计划的一个任务，使用CrazyEgg制作博客热点图。在制作之前，建议先阅读31天计划里的制作博客热点图，文中介绍了CrazyEgg热点图，以及为什么要制作热点图。下面我们要做的就是具体实践。

制作热点图

首先来到CrazyEgg.com创建免费帐号，SIGN UP NOW ,出现的的注册页面有几种帐号供选择，我们就选择最后一个—免费帐号。但请注意：免费帐号一共只能测试4个页面，总浏览次数是5000，即4个页面加起来只能统计5000次浏览（PV），超过5000就不统计了。对于小流量网站来说，用来测试一个页面是可以的。

图1：选择注册帐号

注册过程很简单，只要填写Email，重复两次密码就可以。注册后成功后，直接就进入到了后台的欢迎页面，功能如下图所示。然后就开始测试（CREAT TEST），有两个步骤。

图2：开始测试

第一步为测试页面取个名字，填写网页地址，选择测试的时间（也可以填写总浏览次数），保存（SAVE）即可。

图3：填写测试博客页面的信息

第二步就是将代码添加到博客上。如果是WordPress的博客，就将代码粘贴到footer模板里的</body>标签前面。

图4：需要粘贴的代码

分析热点图

接下来就是查看测试效果了。过了一两天，我们就可以查看效果图了。CrazyEgg提供四种预览效果：OVERPALY、LIST、HEATMAP、CONFETTI。下面给出似水年华主页这两天的测试结果。

图5：OVERPLAY 下的效果

图6：LIST 下的效果

图7：HEAMAP 下的效果

图8：CONFETTI 下的效果

• OVERPALY 下的效果图会显示具体链接的具体点击次数；
• LIST 下的效果图显示的是页面上按点击次数多少排列的链接；
• HEATMAP 下的效果图显示的就是哪些地点被点击了；
• CONFETTI 下的效果图显示的是点击的具体位置，不同颜色的点表示来自不同网站的点击，比如红点是digg用户点击的，黄点是从google来的点击。将鼠标放在某一个点上，会显示 点击来源、关键字、访客的浏览器、操作系统以及浏览时间（yiyix特别欣赏这一点）。

从这些效果图要获得什么样的信息呢，参考这里。

CrazyEgg的优点就是非常形象地，以图像来展示网站页面上的点击情况。 除了CrazyEgg，还有Clicki，google analytics也可以记录点击的次数。要查看Clicki 展示点击次数的效果，可以查看 LiGht的网生代。如果已经使用google analytics作为博客统计工具，可以在菜单：内容 > 网站覆盖图，查看博客页面上的点击情况。

图9：Google Analytics 下查看网页热点图

测试过的朋友留个言，说说效果……