reactjs - 在 react webapp 中审计和时间记录用户行为的最佳解决方案？

Question

在 React webapp 中监控用户行为的可用库/工具有哪些？

我在使用一个高级网络系统时发现，收集有关网络应用程序特定部分的用户行为数据非常重要。示例 我想跟踪每个用户第一次访问个人资料时花费了多少时间。我还想将其记录在我的数据库中，以便我可以进行统计并比较以前的统计数据。

工具必须:

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

我不是在寻找:

• 谷歌分析。
• 显示用户点击位置的工具
• 请求用户反馈的工具
• cookie 工具

Answer 1

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

我们像这样在 React 中使用它:

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
},