将Google Analytics（分析）新增至React

小编典典

reactjs

我正在尝试将Google Analytics（分析）添加到React Web应用程序。

我知道如何在HTML / CSS / JS网站中执行此操作，并且我也已将其集成到AngularJS应用程序中。但是，我不确定要如何做出反应。

使用HTML / CSS / JS，我刚刚将其添加到每个页面中。

我对AngularJS所做的工作是将GTM和GA脚本添加到index.html，并将UA标签添加到HTML div（和按钮）中以获得点击。

我该如何使用React做到这一点？

请帮忙！

阅读 538

2020-07-22

共1个答案

小编典典

更新：2019年2月
当我看到这个问题正在被大量搜索时，我决定扩大解释范围。
要将Google Analytics（分析）添加到React，我建议使用React-GA。
通过运行添加：
npm install react-ga --save

初始化：
在根组件中，通过运行以下命令进行初始化：

import ReactGA from 'react-ga';
ReactGA.initialize('Your Unique ID');

要报告页面浏览量：

ReactGA.pageview(window.location.pathname + window.location.search);

要报告自定义事件：

ReactGA.event({
  category: 'User',
  action: 'Sent message'
});

更多说明可以在github仓库中找到

此IMO的最佳做法是使用react-ga。看看github rep

2020-07-22