Question

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

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

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

我曾试图谷歌，但我无法找到一个起点，我可以从哪里开始开发它。

请指导我。

Answer 1

您应该寻找的是将 mousemove 事件监听器附加到网页的根元素（正文？），并确保通过设置捕获阶段来指定捕获阶段在致电addEventListener时，useCapture参数true。查看DOM event model以获取更多详细信息，diagaramme非常明显。

快速而肮脏的例子应如下所示：

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（...）

Answer 3

删除了我对这篇文章的回答，因为我意识到这不是正确的方法。

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

3 个答案: