网络编程
位置:首页>> 网络编程>> JavaScript>> 基于鼠标点击跟踪的用户点击行为分析

基于鼠标点击跟踪的用户点击行为分析

作者:车东 来源:笔记 by 车东 发布时间:2008-04-24 19:22:00 

标签:鼠标,用户,点击,JAVASCRIPT

内容摘要:

在像网站首页这样的资源比较集中的页面中,那些栏目最经常被用户点击?居左居右对广告的点击率的影响是什么?

“一切用数字说话”:以上问题都可以通过跟踪浏览器客户端的鼠标行为,按区块对页面进行点击行为的分析。

页面点击统计系统设计

输出:页面上不同区域的点击量统计。

数据采集:

原理:

通过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
...

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

0
投稿

猜你喜欢

  • 【先锋缓存类】Ver2004作者:孙立宇、apollosun、ezhonghua官方网站:http://www.lkstar.com 技术支
  • 今天想说的是内容和容器的关系,顺便把之前设计中碰到的问题和大家一起探讨下。我们从软件的设置说起。(这里以QQ的设置举例)一个软件的设置(常称
  • 在一般的情况下,使用批量fetch的几率并不是很多,但是Oracle提供了这个功能我们最好能熟悉一下,说不定什么时候会用上它。declare
  • 上一小节讲解了行高与单行纯文字的垂直居中,而如果行内含有图片和文字,在浏览器内浏览时,读者可以发现文字和图片在垂直方向并不是沿中线居中,而是
  • 阅读前:Pro Javascript Techniques翻译连载说明和目录JavaScript的演化是渐进而稳固的。历经过去十年的进程,J
  • 主要利用了XMLHTTP的一些方法和属性来获取服务器的信息。    以下是全部源代码: &
  • 1、IIS为一个死循的执行过程设定执行时间(缺省为90秒)超时事件:<%response.buffer=true%><BO
  • 内容摘要合理使用渐变留白网格布局提高字体应用明确而有效的导航设计漂亮、有用的页脚介绍优秀设计和卓越设计之间的区别是比较小的。一般人可能无法解
  • MySQL分区方便了我们的使用,但是MySQL分区究竟能做些什么,MySQL分区有没有什么限制呢?阅读下文,您就能找到答案。MySQL分区能
  • 在ASP中加密方法有对应的解密方法好象不多,现在根据前辈资料整理出在asp中加密与解密函数,根据RSA 算法实现的。什么是RSA?
  • 译者按:我们时常能看到不同JavaScript库/框架之间的各种比较,但这次 YUI3 架构师和 jQuery 之父的直接对话却非常难得,也
  • 动手写个小组件(组件入门) 这篇文章主要是为想将自己的ASP水平提高的人写的! 把ASP代码变成组件,开发者不仅是加快了ASP的速度,而且也
  • 1。onabort(ns3,ns4,ie4):当用户终止正在打开的网页时产生该事件。2。onblur(ns3,ns4,ie3,ie4):某元
  • Dean Edwards 最近有篇文章很精彩,忍不住在这里翻译下。-- Split --很多 Javascript 框架都提供了自定义事件(
  • insert into testtable(recordnumber,currentdate) values (i,sysdate); pr
  • 自个儿闲的发疯画几个老鼠的表情,送女朋友。。HOHO。经常欺负人。哎。其实被欺负是一种幸福。工作以美国时间为主,所以白天睡到晚上。我不傻,真
  • MySQL服务器有几个影响其操作的参数(变量)。如果缺省的参数值不合适,可以将其修改为对服务器运行环境更合适的值。例如,如果您有大量的内存,
  • 代码如下:< % Set fso=Server.CreateObject("Scripting
  • create or replace PROCEDURE proceudre_name AS BEGIN DECLARE sPara VARC
  • 当我想要完美的使用:nth-child或者:nth-of-type的时候有点儿头晕。你越理解它们,就能写出越好的CSS规则!在这些简单的”秘
手机版 网络编程 asp之家 www.aspxhome.com