首页
学习
活动
专区
圈层
工具
发布

4与React
EN

Stack Overflow用户
提问于 2020-10-31 14:58:05
回答 10查看 26.4K关注 0票数 34

我一直在尝试在我的应用程序中使用带有google分析4的react ga软件包。测量id不工作与它和没有跟踪代码在谷歌分析4我可以使用。拜托,我需要帮助!

代码语言:javascript
复制
import ReactGA from 'react-ga';
const trackingId = 'G-XXXXXXXXXX'; // UA-XXXXXXXXX-X isn't available in GA4
ReactGA.initialize(trackingId, options);
ReactGA.pageview(page);
EN

回答 10

Stack Overflow用户

回答已采纳

发布于 2020-10-31 16:19:26

您在示例G-XXXXXXXXXX中输入的代码指的是新的Google 4,它与以前的系统不同,并且(目前)无法使用该插件。

因此,您可以按照@Shyam的答案中提到的说明或(我建议您,因为GA4目前还太不成熟)创建一个Universal类型属性,并使用它的ID (UA-XXXXX-X)和您指定的插件。您可以通过单击Show advanced options (创建新属性时)找到它:

票数 29
EN

Stack Overflow用户

发布于 2021-03-27 13:49:24

。。react ga不适用于4。

使用ga-4-react代替:https://github.com/unrealmanu/ga-4-react

代码语言:javascript
复制
npm i ga-4-react

通过添加

代码语言:javascript
复制
import GA4React from "ga-4-react";
const ga4react = new GA4React("G-XXXXXXXXXX");
ga4react.initialize().then().catch()

感谢这些评论,我更新了这篇文章。我添加了一个try/catch (用于防止AddBlocker崩溃)和一个setTimeout。".catch()"-Methode应该跟踪到"ga4react.initialize()“,以处理初始化承诺中的错误。分析系统不应在页面加载开始时加载。React应用程序大多是单页应用程序,因此这段代码只加载一次(如果需要,可以将"4000“毫秒替换为"0")。

代码语言:javascript
复制
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import GA4React from "ga-4-react";

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

try {
  setTimeout(_ => {
    const ga4react = new GA4React("G-XXXXXXXXXX");
    ga4react.initialize().catch(err => console.error(err));
  }, 4000);
} catch (err) {
      console.error(err);
}

// G-XXXXXXXXXX is your MESS-ID from Google Analytics 

如何在Google 4(新的)属性=> https://analyticshelp.io/blog/google-analytics-property-tracking-id/中找到混乱的ID

票数 24
EN

Stack Overflow用户

发布于 2020-10-31 15:19:51

票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64623059

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档