javascript - 跟踪网站上所有访问者的光标移动

Question

我知道有许多分析工具可用于跟踪网站上所有访问者的光标移动 - 这些工具基本上通过提供需要粘贴在网站上的 Javascript 代码来跟踪移动。它们都相当昂贵

我正在尝试为我自己的网站开发它 - 在我的网站上安装的跟踪代码以及在其他页面/网站上查看的光标移动。

我在谷歌文档中看到过，如果有很多人打开文档。不同的光标以不同的颜色显示，每种颜色对应于特定的访问者。我想为网站开发类似的功能。

我试过谷歌，但我找不到可以开始开发它的起点。

请指导我。

Answer 1

您应该寻找的是将mousemove事件侦听器附加到网页的根元素（正文？），并确保通过在对addEventListener的调用中将参数设置为来指定捕获阶段。查看DOM 事件模型以获取更多详细信息，图表非常不言自明。useCapturetrue

一个快速而肮脏的例子应该是这样的：

var coords=[];
var callback = function(e) {
    // save your mouse coordinates somewhere
    coords.push({x:e.clientX,y:e.clientY});
}
document.body.addEventListener('mousemove',callback,true);

当然，您需要弄清楚如何在某个点将这些坐标推送到您的服务器（也许只是保存坐标的样本）。

希望这可以帮助。

Answer 2

试试http://www.clicktale.com/ 他们有免费的博客和小型网站选项。

破译你的分析将是困难的部分。

如果您想使用 jquery 执行此操作，请使用 $(document).mousemove(...)。只要另一个标签没有阻止传播，您就可以映射整个页面。

警告：

我没有测试过$(document).mousemove(...)，可能是$("body").mousemove(...) 或者$("html").mousemove(...)