无法通过Google Analytics(分析)跟踪在React Web应用上花费的时间

时间:2019-03-13 00:55:18

标签: javascript reactjs google-analytics react-ga

我已经构建了一个React Web应用程序,我想跟踪用户使用Google Analytics(分析)在我的网站上花费的时间。

当前,我使用react-gahttps://github.com/react-ga/react-ga)作为将Google Analytics(分析)与React绑定的工具。我已经使用Google Analytics(分析)成功跟踪了每个页面。我可以看到以下流量来源和概述: Google Analytics Screen shot

但是,当我检查平均时间页面:Google Analytics Behavior overview。我看不到平均数据。花时间。

以下是我在代码中设置的内容,我在App.js文件中初始化了ReactGA:

App.js

componentDidMount() {
    ReactGA.initialize('UA-xxxxxxx-x')
    ....
}

我在Routing.js文件中跟踪了这样的页面,在该文件中,我所有的React Router路由都位于该文件中:

Routing.js

componentDidMount() {
  this.props.history.listen(location => ReactGA.pageview(location.pathname))
  ...
}

到目前为止,这就是我为react-ga为Google Analytics(分析)设置的全部信息。

我是否会错过任何跟踪平均值的东西?在我的网站上花费的时间?

1 个答案:

答案 0 :(得分:0)

您可以使用计时API: 通过使用analytics.js库发送匹配数据,可以测量一段时间(例如AJAX请求和资源加载)。

ReactGA.timing({
  category: 'JS Libraries',
  variable: 'load',
  value: 20, // in milliseconds
  label: 'CDN libs'
});

这等效于以下Google Analytics(分析)命令:

ga('send', 'timing', 'JS Libraries', 'load', 20, 'CDN libs');

https://developers.google.com/analytics/devguides/collection/analyticsjs/user-timings