通过javascript的鼠标触发事件跟踪的用户点击行为_网站运营维护_互联网_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 互联网 > 网站运营维护 > 通过javascript的鼠标触发事件跟踪的用户点击行为

通过javascript的鼠标触发事件跟踪的用户点击行为

 2010/11/2 15:40:25    程序员俱乐部  我要评论(0)
  • 摘要:在像网站首页这样的资源比较集中的页面中,哪些栏目最经常被用户点击?居左居右对广告的点击率的影响是什么?“一切用数字说话”:以上问题都可以通过跟踪浏览器客户端的鼠标行为,按区块对页面进行点击行为的分析。通过javascript的鼠标触发事件,动态将当前鼠标的坐标,客户端的分辨率传递到统计服务器上。如果要往服务器端发请求,做计数器,插入一个图片是最简单的方法,这里是一个简单的例子:document.onclick=clickStat;functionclickStat()
  • 标签:鼠标 事件 用户点击行为

在像网站首页这样的资源比较集中的页面中,哪些栏目最经常被用户点击?居左居右对广告的点击率的影响是什么?“一切用数字说话”:以上问题都可以通过跟踪浏览器客户端的鼠标行为,按区块对页面进行点击行为的分析。

通过javascript的鼠标触发事件,动态将当前鼠标的坐标,客户端的分辨率传递到统计服务器上。如果要往服务器端发请求,做计数器,插入一个图片是最简单的方法,这里是一个简单的例子

document.onclick = clickStat;
function clickStat() {   
// create a new empty element   
var image = document.createElement_x("<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.xxx.xxx/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.***.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

再利用用统计脚本根据指定区域的配置,将各个区域的点击量进行汇总。

本文来自:www.alexacn.org。转载前保留出处。

感谢 大漠孤狼 的投稿

发表评论
用户名: 匿名