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

Question

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

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

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

我曾尝试使用 Google，但无法找到可以开始开发它的起点。

请指导我。

Answer 1

您应该寻找的是将 mousemove 事件监听器附加到网页的根元素(正文？)，并确保通过设置 capture 阶段在您对 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);

当然，您需要弄清楚如何在某个时候将这些坐标推送到您的服务器(并且可能只保存坐标样本)。

希望这对您有所帮助。