Javascript 使用react的谷歌分析功能不起作用

我在react项目中使用google analytics，即使我在线，它也不会显示任何活跃用户。我在网上找到了不同的方法，但似乎都不管用。我只在本地主机上尝试过，没有在部署的网站上尝试过，但我认为它仍然可以工作

这是我的密码

我的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);

import React，{suspent，useffect}来自“React”；
导入“/App.css”；
从“/containers/IntroPage/IntroPage”导入IntroPage；
从“/containers/Layout/Layout”导入布局；
从“react router dom”导入{Switch，Route，Redirect，withRouter}；
从“/Components/UI/Spinner/Spinner”导入微调器；
从“react ga”导入ReactGA；
const Contact=React.lazy（（）=>import（“./Components/Contact/Contact”）；
const trackingId=“UA-171033255-1”；
ReactGA.initialize（trackingId）；
函数App（）{
useffect（（）=>{
页面视图（window.location.pathname+window.location.search）；
}, []);
返回(
(
)}
/>
);
}
使用路由器（App）导出默认值；

---

我做错了什么？

你有没有在html的标题中加入cdn链接和google Analytics的js？

你有没有尝试在index.html（Admin->Property->tracking code）的

中添加跟踪代码？

我也有react ga的问题，所以我用香草JavaScript实现了它，效果非常好！我写下了确切的方法

---

让我知道这是否有帮助，或者您是否有任何问题：）

因为您在

useffect

中使用空依赖项数组，所以您的代码只执行一次，当

时，我认为react中不需要这一点。我认为react中不需要这一点。不确定您在这里的意思——这似乎是将GA属性与应用程序关联的最简单方法。这可能也是必需的——react入口点位于
中，您需要将跟踪代码片段放入…我会尝试一下，然后回复您。谢谢@对不起，看起来怎么样？你需要帮助吗？