小编典典

将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