熟悉 google analytics 的朋友都知道里面集成了一個：網頁內分析(In-Page Analytics) 工具，用於可視化的查看指定頁面的鏈接點擊分布，當以可視化方式查看時，可以通過點擊頁面鏈接，依次查看各個頁面的點擊分布。
詳細的介紹和使用可以看這幾篇文章：
========================================
Google Analytics熱力圖—網頁詳情分析
網站首頁點擊分布分析
了解網站頁面的點擊情況
google analytics的可視化分析，其實是根據頁面點擊的引用頁(Referer)來統計的，即當前頁，點擊的目標頁面都要正確的部署ga的腳本，這也可以解釋為什么google analytics的分析：
1 無法區分跳轉到外站的鏈接點擊
2 無法區分指向同一頁面地址的不同位置的鏈接的點擊數(如同一篇文章有標題鏈接，和圖片鏈接，這時google analytics是無法區分用戶到底是點標題還是點圖片鏈接的)
另外 google 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://webdataanalysis.net/wp-content/uploads/2012/05/Google-In-Page-Analytics-150x150.png" />
</a>
有時候我們需要了解網站頁面中各鏈接的點擊情況，尤其是網站的首頁和一些中間頁，這對網站的內容編排、用戶體驗優化都能起到很好的指導作用。。。。。
</div>
點標題鏈接時，記錄：
/tool-for-web-analytics/page-click-analysis/ | a_div.title
點圖片鏈接時，記錄：
/tool-for-web-analytics/page-click-analysis/ | a_div.detail
這樣就可以區分指向同一地址，但位置不同的鏈接了，具體的實現比這兒介紹的要復雜些，但基本的思路是這樣的。
介紹一下如何區分用戶來源：
========================================
常見的用戶來源有：直接流量，站點推薦，搜索引擎。
而每次訪問時，可以用js讀到訪問頁的Referer，即引用頁地址。
如果引用頁為空，或為本站點的上一個頁面地址，即為：直接流量。
如果引用頁為其他站點（朋友的站點推薦，別人的文章引用），即為站點推薦。
如果引用頁為：www.baidu.com，www.google.com，這時即為：搜索引擎，同時通過分析這兒的頁面地址：
http://www.baidu.com/s?wd=joegh網站分析 還可以獲取用戶的查詢關鍵字，看到用戶查詢了哪些關鍵字來到了你的站點。
介紹一下如何區分新老訪客：
========================================
因為要區分用戶是否為第一次查看指定頁面，這時要在服務器端記錄用戶的點擊明細，如果：
1 之前沒有在指定頁面發生過點擊
2 或距離上次在指定頁面的點擊時間少於1天
則認為是新訪客點擊，否則作為老訪客。
好了，基本的設計和思路就是這樣，至於如何做的像google analytics的可視化那樣漂亮，其實並不是太難(提示一下：每個黃色的小鏈接其實是個浮動的div)，也不是我們這篇文章的重點，或許可以在下一篇文章里介紹 :b
總結：
========================================
1 通過改變數據記錄的方式，來記錄外站鏈接點擊
2 通過鏈接的相關信息，來區分鏈接點擊
3 頁面點擊分析工具不一定要大而全，方便實用就好
通過自己開發的：頁面點擊分析工具，已經在我們的日常工作中發揮作用了，設計師，產品經理會先看看頁面點擊，再決定設計時，如何更好的布局，導航，而不是過去的憑感覺 ：）
用朋友的站點頁面做測試，下午的點擊數據 ：）
感謝 Joegh （網站數據分析：http://webdataanalysis.net/ ） ，他的微博：http://weibo.com/joeghwu
