Reactjs 如何判断用户在React单页应用程序中访问网站的时间？

我想记录一个用户在一个页面上的时间量——根据公司规定，我不能使用谷歌分析或任何类似的方法来获取时间

我们需要记录一些指标，但现在，我的问题是如何正确地获取页面上花费的时间的价值

我已经考虑过使用timeme.js，但还不能将其连接到我们的React组件，我不确定是否可以将其用于我们的目的

我还考虑了一种简化的方法，比如只获取加载主/根组件的时间，以及该时间与卸载组件的时间之间的差异：

  componentDidMount() {
    // set start time
  }

  componentWillUnmount() {
     // get difference between start time and end time, record metric 
  }

但问题是，我们的许多用户不关闭窗口，可能会让窗口在一夜之间打开，然后第二天早上刷新页面，所以我不认为当我认为会发生时会发生ComopmentWillUnmount

---

是否有人有获取此指标的技巧？

我不完全确定您想要实现的方式，但我将列出一些您可能需要结合的内容

LocalStorage保存一些数据-用户输入时的px时间

鼠标移动事件-跟踪用户是否已停止活动

Window.onblur和Window.onfocus事件来检查用户是否有 切换标签

---

我不能完全确定您想要实现的方式，但我将列出一些您可能需要结合的东西

LocalStorage保存一些数据-用户输入时的px时间

鼠标移动事件-跟踪用户是否已停止活动

Window.onblur和Window.onfocus事件来检查用户是否有 切换标签

---

Google Analytics使用在属性上设置的会话超时来处理延迟用户不应被视为在站点上的情况。我相信他们做的不仅仅是这些，但这些信息可能会在某种程度上有所帮助。谷歌分析使用在属性上设置的会话超时来处理延迟用户不应被视为在网站上的情况。我相信他们做的不仅仅是这些，但也许这些信息在某种程度上会有所帮助。