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

Question

够简单了吧:)

-反应应用程序

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

在root.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 中找到显示此事件的任何内容。

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

Answer 1

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

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

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

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

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

How can i get a custom event to fire in Google Analytics?

events

analytics

google-analytics

google-tag-manager

reactjs