react-ga用法
react-ga 是一个用于在 React 应用中集成 Google Analytics 的库。以下是一些基本的用法示例：
安装 react-ga：
在项目中使用 npm 或 yarn 安装 react-ga：
npm install react-ga
或
yarn add react-ga
在应用中初始化 react-ga：
在你的应用的入口文件（通常是 index.js 或 App.js）中，导入并初始化 react-ga：
import ReactGA from 'react-ga';
ReactGA.initialize('YOUR-GA-TRACKING-CODE');
将'YOUR-GA-TRACKING-CODE' 替换为你的Google Analytics 跟踪代码。react router dom 6
在路由变化时发送页面视图：
使用 react-ga 监听路由变化并发送页面视图：
import { useEffect } from 'react';
import { useLocation } from 'react-router-dom';
import ReactGA from 'react-ga';
function App() {
const location = useLocation();
useEffect(() => {
ReactGA.pageview(location.pathname + location.search);
}, [location]);
/
/ ...其他应用逻辑
return (
// ...应用组件
);
}
export default App;
在这个例子中，每当路由发生变化时，ReactGA.pageview 将被调用，向 Google Analytics 发送页面视图信息。
跟踪事件：
使用 ReactGA.event 跟踪用户事件，例如按钮点击：
import ReactGA from 'react-ga';
function handleButtonClick() {
ReactGA.event({
category: 'User',
action: 'Clicked the button',
label: 'Button Label',
value: 1, // 可选的事件值
});
}
// ...其他组件逻辑
在这个例子中，当按钮被点击时，将会发送一个事件到Google Analytics。
设置用户 ID：
如果你想关联 Google Analytics 数据与用户 ID，你可以设置用户 ID：
import ReactGA from 'react-ga';
ReactGA.set({ userId: 'USER_ID' });
替换 'USER_ID' 为你的用户 ID。
以上是一些基本的用法，react-ga 还提供了其他一些功能，如自定义维度、自定义指标等。确保查阅 react-ga 的官方文档以获取更详细的信息：react-ga GitHub 仓库。