Javascript React GA事件在调试控制台中触发，但未显示在GA中

几天来，我一直在努力使这项工作顺利进行，但一切都不起作用。无论我做什么，这些事件都不会被捕获

我在最上面的位置

import ReactGA from "react-ga";

我在导入后初始化它

ReactGA.initialize("TRACKING-ID", {
  debug: true
});

我创建了一个函数来处理跟踪器

const GASignInHandler = name => {
  ReactGA.event({
    category: "Dashboard Home",
    action: `User Signing In As ${name}`,
    label: "Tracking users every time they sign in.",
    nonInteraction: true
  });
};

在我的功能组件DashHome中，在返回中，我称之为。 如果signedIn=true，则运行此函数，如果不运行console.log，则运行此函数。这显然是为了测试目的，但我仍然没有看到这个事件被记录在GA中。它会在调试中触发

{signedIn ? GASignInHandler(userEmail) : console.log("signin not true")}

[react ga]与fieldObject： {“hitType”：“事件”，“事件类别”：“仪表板” 主页“，”事件操作“：”以我的身份登录的用户“，”事件标签“：”跟踪 用户每次登录时都会登录。“，“非交互”：true}log.js:2 [react ga]带跟踪器：未定义

---

我还拥有GA告诉我要放入public/index.html中的所有标记。

将其放入index.js中解决了这个问题

(function initAnalytics() {
  initGA("Tracking ID");
})();

initGA函数是手动创建的，也是这样（该文件称为index.js）

我还删除了public/index.html中的所有脚本。我只有一个字母

看来你也得把

ReactGA事件

---

如果您使用的是功能组件，请将其放入useEffect挂钩中

>如果您使用的是功能组件，似乎还必须将ReactGA事件放入useEffect挂钩中。严格来说，这不是事实。这通常是个好主意，因此它们不会在每次组件重新渲染时再次激发；但在某些情况下（例如，当重新渲染表示重要操作时），您可能希望他们这样做。

import ReactGA from "react-ga";

export const initGA = trackingID => {
  ReactGA.initialize(trackingID);
};

export const PageView = () => {
  ReactGA.pageview(window.location.pathname + window.location.search);
};

export const Event = (category, action, label) => {
  ReactGA.event({
    category,
    action,
    label
  });
};