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

很简单吧：）

-反应应用程序

-im使用

从“react gtm模块”导入TagManager

在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 mgr
设置数据层推送只是战斗的一半。您需要将GTM容器配置为“侦听”这些事件和变量

设置新变量以跟踪搜索查询（请注意，您需要准确命名将其推送到数据层的方式）。

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

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