最佳解决方案，审计和时间日志用户行为在反应webapp？

Question

在中，有哪些可用的lib/工具来监视用户的行为？

我使用了一个先进的web系统，并且已经到了收集web应用程序特定部分的用户行为数据的重要阶段。例如，我想跟踪每个用户第一次访问配置文件所花费的时间。我还想把它记录在我的数据库中，这样我就可以进行统计并比较以前的统计数据。

工具必须：

• 在一个反应应用程序中工作。
• 能够跟踪时间从组件是可见的，直到它是不可见的。
• 跟踪花在一页上的时间。
• 是一个独立的独立工具，没有第三方云爵士乐。

我不是在找：

• 谷歌分析。
• 显示用户单击位置的工具。
• 要求用户反馈的工具
• 曲奇工具

Answer 1

大约两年后，我们找到了这个库https://www.npmjs.com/package/timeme，它几乎完全满足了所描述的需求。

我们用它来做出这样的反应：

const TimeMe = require('timeme.js');

getInitialState () {
  return {
    entryTime: new Date()
  };
},

componentDidMount () {
  window.addEventListener('beforeunload', this.loggingInteraction);
  TimeMe.startTimer(pageId);
},

async loggingInteraction () {
  TimeMe.stopTimer(pageId);
  const activeTimeOnPage = TimeMe.getTimeOnPageInSeconds(pageId) * 1000;
  TimeMe.resetRecordedPageTime(pageId);
  const totalTimeOnPage = T.millisecondsBetween(this.state.entryTime, T.now());
  // http send time on page request
},