基於鼠標點擊跟蹤的用戶點擊行爲分析

版權聲明：可以任意轉載，轉載時請務必以超鏈接形式標明文章原始出處和作者信息及本聲明。http://www.chedong.com/tech/click.html


內容摘要：
在像網站首頁這樣的資源比較集中的頁面中，那些欄目最經常被用戶點擊？居左居右對廣告的點擊率的影響是什麼？
“一切用數字說話”：以上問題都可以通過跟蹤瀏覽器客戶端的鼠標行爲，按區塊對頁面進行點擊行爲的分析。

頁面點擊統計系統設計

輸出：
頁面上不同區域的點擊量統計。

數據採集：
原理：
通過JAVASCRIPT的鼠標觸發事件，動態將當前鼠標的座標，客戶端的分辨率傳遞到統計服務器上。

如果要往服務器端發請求，做計數器，插入一個圖片是最簡單的方法，這裏是一個簡單的例子：

/* (C) 2003 - 2004 www.chedong.com 

 * Free for all users, but leave in this  header

 * click based user analysis:
 * usage: touch a empty click.gif or create a static page on at server
 * including following script into your html page
 */

document.onclick = clickStat;

function clickStat() {
    // create a new empty element
    var image = document.createElement("<img></img>");

    // record client screen size and mouse coordinate
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
    image.src = "http://www.chedong.com/click_stats.php?width=" + screen.width + "&x=" 
+ tempX + "&y=" + tempY;
    image.height = 0;
    image.width = 0;

    //send request to stat server
    document.body.insertBefore(image);
    return true;
}

通過全局的onClick事件，每次向統計服務器發一個請求：http: //www.example.com/click_stat.php?width=1024&x=345&y=567
其中：1024x768是屏幕分辨率，345是鼠標X座標，567是鼠標Y座標。
點擊統計程序click_stats.php會以上信息到日誌文件中。

數據輸出：
從WEB日誌中將相應統計提取出來。然後針對不同頁面建立配置文件，將頁面區塊按照以下格式建立配置文件：

#X1 Y1 X2 Y2 comments
0 0 1024 100 navigator
0 100 1024 200 top_story
...

再利用用統計腳本根據指定區域的配置，將各個區域的點擊量進行彙總。