Google React 中的分析

Question

如何对 onCLick 事件实施 Google 分析？使用 react-ga 模块或其他一些类似的模块。

例如如果网站有搜索功能，假设我想搜索客户 ID 或商品 ID，并且我想跟踪搜索事件。

Answer 1

如果没有任何代码，很难帮助您了解此解决方案如何适合您的项目，但一种方法是使用 ReactGa。

在您需要函数的页面上导入 reactGa

import ReactGA from 'react-ga';

接下来创建一个函数来处理事件

const eventTrack = (category, action, label) => {
  console.log("GA event:", category, ":", action, ":", label);
  ReactGA.event({
    category: category,
    action: action,
    label: label,
  })
}

现在将事件附加到按钮

<button type="submit" className="search" onClick={eventTrack.bind(this, 
"category", "Action", "Label")}>search</button>

这应该会让你上路，你需要为搜索词提供道具。通过实施代码，您应该能够看到 console.log 并确切地看到记录的内容。

在 ReactGa github 上，有一些很好的使用组件的例子

Google React 中的分析

Google analytics in React

statistics

google-analytics

reactjs