用户活动跟踪或使用javascript记录

Question

是否可以在网页上跟踪用户的每个操作并创建日志？我们的想法是通过AJAX将用户操作的日志传输到服务器并保存.在每个元素的每个事件上,我可以编写代码/逻辑来编写一些登录控制台,但我想知道是否有任何库/快捷方式可以记录客户端网页上的所有操作,包括事件和操作,如复制,粘贴,单击,双击,选择等及其元素参考.

Answer 1

您可以使用现成的解决方案:

• http://www.google.com/analytics/
• http://www.clicktale.com/
• https://segment.io/
• http://www.extrawatch.com/
• http://mouseflow.com/
• https://www.seevolution.com/
• http://clicky.com/

您可以使用Google Analytics及其事件跟踪器做出惊人的事情:

• https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide
• http://searchenginewatch.com/article/2287906/10-Google-Analytics-Custom-Events-That-Track-the-Untrackable

如果您正在寻找定制解决方案,可以使用PHP和JavaScript尝试以下方案:

• http://css-tricks.com/tracking-clicks-building-a-clickmap-with-php-and-jquery/

请记住,使用第三方解决方案的性能更好.实时地在数据库中写入鼠标移动的坐标需要大量资源.

Answer 2

我个人讨厌像谷歌分析和类似公司这样的 3rd 方。因为我不想与他们分享我的网络分析。无论如何，有一个非常轻量级（缩小约 5KB）且易于扩展的javascript 库。

这是 git repo：https : //github.com/greenstick/interactor ，您可以看到它的预览：http : //greenstick.github.io/interactor/

提供什么数据？

一般数据：

• 加载哪个页面
• 当用户加载页面时
• 当用户离开页面时
• 加载页面的 URL
• 上一页位置
• 页面标题
• 用户的语言设置
• 用户平台
• 用于访问 Web 服务器的端口
• 网页浏览器的内外宽高

互动/转化数据：

• 互动类型（即一般互动或转化）
• 互动时间
• 触发交互的事件
• 目标 HTML 元素标签
• 目标 HTML 元素类
• 目标 HTML 元素内容（即文本等）
• 相对于客户端的光标位置
• 光标相对于屏幕的位置

例子：

var elementsToTrack = [
{
    element: "element1",
    events : ["mouseup", "touchend"]
}, 
{
    element: "element2",
    events : ["mouseup"]
},
{ 
    element: "element3",
    events : ["mouseup"]
}
];

for (var i = 0; i < elementsToTrack.length; i++) {
var e = elementsToTrack[i];
new Interactor({
    interactionElement  : e.element,
    interactionEvents   : e.events
});
}

我希望这些信息会有所帮助。

Answer 3

我认为这种javascript库不存在，您可以轻松地使用jquery构建一个javascript库，只需监听所有事件（blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error）

然后使用网络套接字将它们发送到服务器端