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

Question

非常简单，对吧：)

-react应用程序

使用import TagManager from "react-gtm-module";的-im

在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中找不到任何显示这一事件的东西。

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

Answer 1

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

设置新的变量来跟踪搜索查询(请注意，您需要准确地命名它，就像您将它推送到数据层一样。

​

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

​

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

​