将Google Analytics（分析）新增至React

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

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

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

请帮忙！

回答：

当我看到这个问题正在被大量搜索时，我决定扩大解释范围。

要将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

以上是 将Google Analytics（分析）新增至React 的全部内容， 来源链接： utcz.com/qa/411152.html

回到顶部