熟悉谷歌 analytics的朋友都知道里面集成了一个：网页内阐发（In-Page Analytics） 东西，用于可视化的查看指定页面的链接点击散布，当以可视化体例查看时，可以通过点击页面链接，依次查看各个页面的点击散布。
详细的介绍和使用可以看这几篇文章：
谷歌 Analytics热力求—网页详情阐发
网站首页点击散布阐发
体会网站页面的点击情况
谷歌 analytics的可视化阐发，其实是按照页面点击的引用页（Referer）来统计的，即当前页，点击的目标页面都要正确的摆设ga的脚本，这也可以诠释为什么谷歌 analytics的阐发：
1、无法区分跳转到外站的链接点击
2、无法区分指向同一页面地址的不合位置的链接的点击数（如同一篇文章有题目链接，和图片链接，这时谷歌 analytics是无法区分用户事实是点题目仍是点图片链接的）
别的谷歌 analytics虽然支持细分，筛选，和按日期范围查看，但对普通用户来讲有些复杂，不一定知道如何操作。
因此自己设计和实现页面点击阐发东西除要解决这儿的2个问题外，还希望在可用性上有所提高，让产品，设计，测试人员也可以便利的查看各个页面的点击情况。
自己设计和实现页面点击阐发东西需要按：
1、用户来历（站点推荐，搜索引擎）
2、新老访客
来区分点击。
如果是站点推荐，可以查看具体的推荐页面地址，如果是搜索引擎，可以看具体的关头字。
新老访客，则按页面地址而不是全站来区分，可以区分用户第一次看到指定页面，和第二天拜候该页面的点击情况，这样的益处是可以阐发用户第一次看的你的：告白，专题页时，最本能的点击情况。
介绍一下根基的点击统计：
1、在我们的设计里，为每个链接绑定js点击事件，每次点击时，提交一条数据到办事器，这样便可以区分跳到外站的链接了。
2、在我们的设计里，每个链接的点击，除记实链接地址外，还会记实链接的所在div容器信息。
假定有以下的页面布局：
<div class="title">
<a href="/tool-for-web-analytics/page-click-analysis/">体会网站页面的点击情况</a>
</div>
<div class="detail">
<a href="/tool-for-web-analytics/page-click-analysis/">
<image src=http://upload.chinaz/2012/0524/1337825415499.png />
</a>
有时候我们需要体会网站页面中各链接的点击情况，尤其是网站的首页和一些中间页，这对网站的内容编排、用户体验优化都能起到很好的指导作用。
</div>
点题目链接时，记实：
/tool-for-web-analytics/page-click-analysis/ | a_div.title
点图片链接时，记实：
/tool-for-web-analytics/page-click-analysis/ | a_divtail
这样便可以区分指向同一地址，但位置不合的链接了，具体的实现比这儿介绍的要复杂些，但根基的思路是这样的。
介绍一下如何区分用户来历：
常见的用户来历有：直接流量，站点推荐，搜索引擎。
而每次拜候时，可以用js读到拜候页的Referer，即引用页地址。
如果引用页为空，或为本站点的上一个页面地址，即为：直接流量。
如果引用页为其他站点（朋友的站点推荐，他人的文章引用），即为站点推荐。
如果引用页为：百度，谷歌，这时即为：搜索引擎，同时通过阐发这儿的页面地址：
.百度/s?wd=joegh网站阐发 还可以获得用户的查询关头字，看到用户查询了哪些关头字来到了你的站点。
介绍一下如何区分新老访客：
因为要区分用户是否为第一次查看指定页面，这时要在办事器端记实用户的点击明细，如果：
1、之前没有在指定页面产生过点击
2 、或距离上次在指定页面的点击时间少于1天
则认为是新访客点击，不然作为老访客。
好了，根基的设计和思路就是这样，至于如何做的像谷歌 analytics的可视化那样漂亮，其实其实不是太难（提示一下：每个黄色的小链接其实是个浮动的div），也不是我们这篇文章的重点，也许可以在下一篇文章里介绍：
总结：
1、通过改变数据记实的体例，来记实外站链接点击。
2、通过链接的相关信息，来区分链接点击。
3、页面点击阐发东西不一定要年夜而全，便利实用就好。
通过自己开辟的：页面点击阐发东西，已经在我们的日常工作中阐扬作用了，设计师，产品司理睬先看看页面点击，再决定设计时，如何更好的布局，导航，而不是曩昔的凭感触感染 ：）