前几天一个朋友让我试用了他们自己开发的记录和统计页面链接点击的工具，实现的功能类似于我上一篇文章——了解网站页面的点击情况介绍的Google Analytics上面的In-Page Analytics的功能，并且弥补了In-Page中的一些缺陷，因为这个功能无论是实现方式还是一些面向应用的设计都非常棒，所以忍不住开一个续篇来介绍一下。
非常感谢@jasseyyang能够让我体验和试用他们自己开发的工具，跟我交流分享了工具实现过程中对一些功能的设计和考量，很多功能点都是jasseyyang根据自身应用的需要设计添加的，所以整个工具最后的实用性非常好，与他设计阶段细致的考虑是分不开的，工具的设计和实现jasseyyang已经在他的博客中进行了介绍——页面点击分析工具设计与实现。
部署和使用
首先不得不说下这个工具的部署和使用，因为很好地诠释了易用性和方便高效的数据查看体验，对于所有产品而言，易用性和使用体验都尤其重要，数据分析工具也同样如此，所以我们往往会借助图表和一些可视化方法来展现数据，但所有的数据可视化都不宜“喧宾夺主”，这里的“主”当然是数据所要表达的观点（Insight）。合理使用数据可视化可以帮助我们更高效地理解数据。
跟很多网站分析工具一样，这个工具也使用了嵌入JS页面标记的方法，在需要监控的页面中加入一行短短的JS代码就可以，其实就是加载了一个.js文件，所有功能都包含在这个文件里面了。
然后就是如何查看数据，只要在页面的URL后面加上#hotlink，比如我的博客首页当使用“http://webdataanalysis.net/#hotlink”时页面就会显示出各链接的点击数据，与In-Page Analytics的展现形式一样，使用了顶部的悬浮导航条和黄色小气泡，看下我的博客的截图效果：
hotlink
悬浮导航条上面的一些选项可以对数据做一些细分和筛选，下面会介绍，页面的每个链接的旁边都会出现一个黄色小气泡显示在导航条指定条件下的点击数。当然数据的显示有权限控制，只有具有权限的用户在使用#hotlink之后才会显示数据。这个方法确实非常方便，其实很多工具都可以学习借鉴。而且点击数据的统计和显示基本都是实时的，当前产生的点击马上就会被累加显示。