带有反应的谷歌分析不起作用

Question

带有反应的谷歌分析不起作用

exc*_*bia 6 javascript google-analytics reactjs

我在我的 React 项目中使用谷歌分析，即使我在线，它也不会显示任何活跃用户。我尝试了在网上找到的不同方法，但似乎都不起作用。我只在本地主机上尝试过，而不是在已部署的网站上尝试过，但我认为它应该仍然有效。

这是我的代码。

我的 app.js

import React, { Suspense, useEffect } from "react";
import "./App.css";
import IntroPage from "./containers/IntroPage/IntroPage";
import Layout from "./containers/Layout/Layout";
import { Switch, Route, Redirect, withRouter } from "react-router-dom";
import Spinner from "./Components/UI/Spinner/Spinner";
import ReactGA from "react-ga";

const Contact = React.lazy(() => import("./Components/Contact/Contact"));

const trackingId = "UA-171033255-1";
ReactGA.initialize(trackingId);


function App() {
  useEffect(() => {
    ReactGA.pageview(window.location.pathname + window.location.search);
  }, []);

  return (
    <div className="App">
      <Layout>
        <Switch>
          <Route
            path="/contact"
            render={() => (
              <Suspense
                fallback={
                  <div className="Fallback">
                    <Spinner />
                  </div>
                }
              >
                <Contact />
              </Suspense>
            )}
          />
          <Route path="/" component={IntroPage} />
          <Redirect to="/" />
        </Switch>
      </Layout>
    </div>
  );
}

export default withRouter(App);

Run Code Online (Sandbox Code Playgroud)

我在这里做错了什么？

Answer 1

小智 9

从更新react-ga到react-ga4对我有用。

将 import 更改为react-ga4and 而不是ReactGA.pageview(...)use ReactGA.send("pageview")。

Answer 2

小智 1

您是否尝试过在index.html 中添加跟踪代码<head>（管理 -> 属性 -> 跟踪代码）？

归档时间：	5 年，6 月前
查看次数：	2062 次
最近记录：	4 年，9 月前