使用自定义 JavaScript 监控用户行为
如何监控页面上的所有点击和输入？理想情况下，我希望制作一个视频来展示用户在我的应用程序上执行的操作；他们使用我的应用程序的方式。
我该怎么办？
任何链接或演示都会很棒。
编辑：我的想法是：
- 将所有事件记录到 cookie 中，并定期将其发送到服务器。
- 然后启动 Firefox 会话并在页面上触发这些事件。并将其捕获为视频。
编辑：基本上我有一个应用程序，我想查看用户在该应用程序上执行的操作，因此我将监视他们的点击和输入（这几乎就是他们在点击时执行的操作），然后在我的网络上触发这些事件应用程序。所以我很容易在我的页面上复制他们的操作。现在的问题是，如何捕获所有必要的事件，如何序列化并触发这些事件以供以后使用？
How I do monitor all the clicks and inputs on my page? I would ideally want to make a video of what the user does on my app; the way they uses my app.
How do I go about this?
Any links or demos would be really great.
Edit : What I have in mind is:
- log all the events into a cookie , and send it to the server in frequent intervals.
- then startup a Firefox session and trigger these events on the page . and capture it as a video.
Edit: Basically I have an app, and I want to see what the user does on the app, so I will monitor their clicks and inputs (that's pretty much what they do on the click), and then trigger those events back on my web app. So I will pretty be able to replicate their actions on my page. Now the question is, how do I capture all the necessary events, how do I serialize and trigger these events for later?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我记得很久以前看到过 ClickHeat （或类似的变体）。没有这方面的经验，所以我无法帮助讨论优点和缺点，而且它并不能完全回答你的问题（不要认为它会击键，尽管也许我错了，就像我说的那样，我真的不知道）知道）。
可能不是一个完整的解决方案，但应该是一个很好的起点。
同样，经常捕获鼠标位置以及时间戳并重新创建给定用户的操作并不困难。使用此类数据生成一般/平均运动要困难得多，但它在单个单位的基础上很有用。按键也是如此，它们都只是事件。
I remember seeing ClickHeat (or a similar variant) a long time ago. Had no experience with it, so I can't help with pros and cons, and it doesn't answer your question entirely (don't think it does keystrokes, although maybe I'm wrong, like I said I don't really know).
Might not be a total solution, but should be a good starting point.
In a similar vein it wouldn't be hard to capture mouse position every so often along with a timestamp and recreate a given user's actions. Generating a general/average movement is much more difficult with this type of data, but it's useful on the single-unit basis. So too with keystrokes, they're all just events.
除非您跟踪鼠标的每一次移动，否则不确定您是否可以制作“视频”，这将非常不友好，可能会花费大量处理时间并引发道德问题。
如果您想知道用户如何与您的网站交互，以便您可以改进它（大概），那么您需要进入网络分析。
有很多选择。我个人最喜欢的是 Google Analytics
Not sure that you can make a 'video' unless you tracked every single movement of the mouse, which would extremely unfriendly, probably take a lot of processing time and raise ethical questions.
If you want to know how a user interacts with your site so that you can improve it (presumably) then you need to get into web analytics.
There are many options. My personal favourite is Google Analytics
使用 JavaScript，您可以创建所谓的使用点击热图：
http://tympanus.net/codrops/2010/02/08/a-jquery-heat-map/
您无法使用 JavaScript 捕获用户桌面会话的视频。
With JavaScript you can create what's known as a heatmap of use clicks:
http://tympanus.net/codrops/2010/02/08/a-jquery-heat-map/
You can't capture a video of the users desktop session using JavaScript.