Reactjs 谷歌分析4与反应

我一直在尝试在我的应用程序中使用带有google analytics 4的react ga软件包。度量id不适用于它，并且在google analytics 4中没有跟踪代码，我可以使用。求你了，我需要帮助

import ReactGA from 'react-ga';
const trackingId = 'G-XXXXXXXXXX'; // UA-XXXXXXXXX-X isn't available in GA4
ReactGA.initialize(trackingId, options);
ReactGA.pageview(page);

---

谷歌分析4不同于前ga 4。 react ga还不支持这一点。

您可能需要手动执行此操作

---

您在示例中输入的代码，

G-xxxxxxxxx

，指的是新的Google Analytics 4，它与以前的系统不同，并且（目前）无法使用该插件

因此，您可以按照@Shyam的答案中提到的说明进行操作，或者（我建议您，因为GA4目前还太不成熟）创建一个通用分析类型属性，并将其ID（UA-XXXXX-X）与您指定的插件一起使用。通过单击

显示高级选项

（创建新属性时）可以找到它：

---

。。react ga不适用于ga-4

改用ga-4-react：

加入

await ga4react.initialize()

到src GA-4中的index.js，将启动并添加页面视图。 也适用于react路由器，无需添加任何代码。 按照承诺（wait），您必须将其包装成一个异步函数（这里是一个闭包）

从“React”导入React；
从“react dom”导入react dom；
从“/App”导入应用程序；
从“ga-4-react”中导入GA4React；
const ga4react=新的ga4react（“G-XXXXXXXXX”）；
（异步=>{
等待ga4react.initialize（）；
ReactDOM.render(
,
document.getElementById（“根”）
);
})();

目前没有适用于GA4的API或SDK。我在添加GA时遇到了白页路由器问题，这可能是因为我在使用GA4吗？我回复了您的邮件（），以免无法解决。正如问题中所述，

react ga

处于被动维护状态，因此目前尚不清楚它是否能够正确支持ga 4属性。然而，有一个新的库是专门为GA 4设计的，看起来很有希望。

await ga4react.initialize()

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

import GA4React from "ga-4-react";
const ga4react = new GA4React("G-XXXXXXXXXX");

(async _ => {
  await ga4react.initialize();

  ReactDOM.render(
    <React.StrictMode>
      <App />
    </React.StrictMode>,
    document.getElementById("root")
  );
})();