A JavaScript Fancier

伟大的javascript技术研究中...

  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks

I just found some piece of code i created one or two years ago. The “movelogger” records the mouse movement a users does on a web site. Just before the user leaves the current page, the recorded data get posted back to the server using AJAX.
我发现了一两年前写的一些代码。其中一个"movelogger"的程序用于记录一个用户在网站浏览过程中的鼠标移动过程。当用户离开当前页面之前,我们可以通过ajax将这些记录的数据发送到服务端。

The cool thing is that you can “replay” these movements afterwards. The movelogger records clicks on links and other elements. In replay mode this events are fired in the exact same order as they have been recorded.
That way it would be possible to record a websesion (the click-flow) in a heavy AJAX based application. It would even be possible to record keyboard strokes and other type of events.
一个很酷的事就是我们可以之后重新“回放”这些移动行为(过程),movelogger还可以记录链接及其他一些元素的点击行为。在回放模式这些事件操作会像用户原来的操作过程和方式一样重新被触发。通过这种方法我们可以在一些基于ajax的程序中记录websesion(点击流),或者可以记录一些键盘的敲击或其它的一些事件等。

Check out the little demo of the movelogger here.
点击此处可查看一个movelogger的demo示例。

This technique may be usefull or not. But some use cases could be:
Instead of eye tracking, use mouse tracking.
Analyze the usage of ajax enabled websites.
Spionage and other Bad Things™ (not recommended).
这种技术可能会有用或者是没用的。但可能会有下面的一些使用场景:
使用鼠标跟踪代替眼睛跟踪。
分析一些ajax的站点的使用方式。
spionage或其它的一些坏事(不建议使用)


The whole thing is coded in javascript using Prototype and script.aculo.us with some php code on the server side.
这个程序的完整代码包括基于prototype和script.aculo.us的客户端javascript代码和用于服务端的php代码。

The data recorded on the demo website is stored only in the php session on the server and gets deleted automatically, soon after you close your browser. But theoreticaly it would be possible to store that data in some kind of database for further analysis.
在demo示例中记录数据保存在了php服务端的session中,当您关闭浏览器后它会自动删除。但在理论上它可以存储在各种数据库中
以便于以后分析或做其它应用。

posted on 2007-10-22 17:19 Yemoo'S JS Blog 阅读(945) 评论(0)  编辑 收藏 引用 所属分类: javascript技巧总结
只有注册用户登录后才能发表评论。