Google Analytics 未从 React 应用程序接收数据

Question

我正在使用react-ga 来跟踪用户在我的应用程序中的导航。我按照本教程配置 GA 和我的 React 代码。但它不起作用，谷歌分析没有收到任何类型的数据。

我更喜欢通过React库发送数据，而不是像一些人建议的那样手动将代码插入到index.html中

我的代码

import React, { useEffect } from "react";
import ReactDOM from "react-dom";
import {
    BrowserRouter as Router,
    Switch,
    Route,
    useLocation,
} from "react-router-dom";

import AdminPage from "./admin/adminPage";

import ReactGA from "react-ga";
const TRACKING_ID = "G-EXAMPLE";
ReactGA.initialize(TRACKING_ID);

const App = () => {
    const location = useLocation();

    useEffect(() => {
        ReactGA.pageview(location.pathname);
        console.log(location.pathname);
    }, [location.pathname]);

    return (
        <Switch>
            <Route exact path='/admin'>
                <AdminPage />
            </Route>
        </Switch>
    );
};
   
ReactDOM.render(
    <React.StrictMode>
        <Router>
            <App />
        </Router>
    </React.StrictMode>,
    document.getElementById("root")
);

我做错了什么吗？

Answer 1

我也面临着同样的困难。后来我发现，对于给定的“G-EXAMPLE”，我们需要使用 Google Analytics 4 (GA4) 新库来使上述项目正常运行。而是“

react-ga4”。这解决了我的问题。