您现在的位置:首页 --> JavaScript --> 基于鼠标点击跟踪的用户点击行为分析
基于鼠标点击跟踪的用户点击行为分析
浏览:1741次 出处信息
内容摘要:
在像网站首页这样的资源比较集中的页面中,那些栏目最经常被用户点击?居左居右对广告的点击率的影响是什么?
“一切用数字说话”:以上问题都可以通过跟踪浏览器客户端的鼠标行为,按区块对页面进行点击行为的分析。
页面点击统计系统设计
输出:
页面上不同区域的点击量统计。
数据采集:
原理:
通过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
...
再利用用统计脚本根据指定区域的配置,将各个区域的点击量进行汇总。
建议继续学习:
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:JavaScript 实现 PHP (trim)
后一篇:分享一个JQUERY颜色选择插件 >>
文章信息
- 作者:车东 来源: 笔记 by 车东
- 标签: 行为分析
- 发布时间:2009-10-27 15:29:59
近3天十大热文
- [66] Oracle MTS模式下 进程地址与会话信
- [66] Go Reflect 性能
- [65] 如何拿下简短的域名
- [59] android 开发入门
- [59] 图书馆的世界纪录
- [59] IOS安全–浅谈关于IOS加固的几种方法
- [58] 【社会化设计】自我(self)部分――欢迎区
- [53] 视觉调整-设计师 vs. 逻辑
- [47] 界面设计速成
- [46] 读书笔记-壹百度:百度十年千倍的29条法则