reactjs - 如何在 Google Analytics 中触发自定义事件？

Question

很容易吧:)

- 反应应用

-我正在使用import TagManager from "react-gtm-module";

在根.js

 useEffect(() => {
    TagManager.initialize({ gtmId: gtmKey });

    //..........
  },[]);

我在浏览器工具的网络选项卡中显示 gtm.js 触发，这应该意味着我正在运行

现在在我的组件中，试图访问数据层

const GTMSearchEvent = (v) => {
  console.log(v);
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    "event": "search",
    "searchQuery": v,
  });
};

我的参数“v”正在记录，所以函数正在运行，只是看不到任何事件触发

我似乎无法在 GTM 或 GA 中找到任何显示此事件的内容。

我怎样才能完成实施？只想将搜索查询传递给我的分析/标签经理

标签： reactjseventsgoogle-analyticsanalyticsgoogle-tag-manager

Answer 1

设置 dataLayer 推送只是成功的一半。您需要将 GTM 容器配置为“侦听”这些事件和变量。

设置新变量来跟踪搜索查询（请注意，您需要准确命名它是如何将其推送到数据层的。

设置新触发器来跟踪数据层事件

之后，您可以做任何您想做/需要做的事情。这是一个简单的示例，如果您想将其捕获为事件（注意，名称是任意的，选择对您有意义的名称，只需记下我用于标签的变量名称，您可以在 GTM 中的任何地方使用它。