javascript - 无法使用 Google Analytics 跟踪在 React Web 应用程序上花费的时间

Question

我已经构建了一个 React 网络应用程序，我想使用 Google Analytics 跟踪用户在我的网站上花费的时间。

目前我正在使用react-ga（https://github.com/react-ga/react-ga）作为将 Google Analytics 与 React 绑定的工具。我已经使用 Google Analytics 成功跟踪了每个页面。我可以像这样查看流量来源和概览： Google Analytics（分析）屏幕截图

但是，当我检查平均。花费时间页面：Google Analytics 行为概述。我看不到任何关于 avg 的数据。所花费的时间。

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

应用程序.js

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

我在我的 Routing.js 文件中跟踪了我的页面，我在这个文件中有我所有的反应路由器路由：

路由.js

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

到目前为止，这就是我react-ga为 Google Analytics 设置的全部内容。

我是否错过了跟踪 Avg 的任何内容？在我的网站上花费的时间？

score 0 · Accepted Answer

您可以使用计时 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');

1 回答 1