Reactjs 在开发中使用gatsby插件googletagmanager

我有一个盖茨比项目设置，并且使用以下配置在我的

gatsby config.ts

中进行设置：

。。。
{
解析：'gatsby插件google tagmanager'，
//@见https://www.gatsbyjs.com/plugins/gatsby-plugin-google-tagmanager/
选项：{
id:gtm.id，
包容性发展：正确，
defaultDataLayer:函数（）{
返回{
环境：gtm.env
}
},
routeChangeEventName:“页面”，
}
},
...

在开发模式下工作时，

数据层

脚本被注入

和

中，但对数据层的推送似乎没有效果，插件配置中的routeChange事件设置也不会发出

---

我试过使用tagassistant.google.com网站、

dataSlayer

和

tag assistant legacy

chrome插件，但这两个插件的作用都好像datalayer没有激活或初始化一样。当站点在我们的开发服务器上运行时，事件被触发并正常运行。

因此，我似乎是这个问题的一部分。看起来，尽管禁用了我的AdBlocker等，但一些chrome功能（或我这边的getsby错误配置）仍然阻止了在开发模式下通过注入脚本初始化数据层（在生产中一切正常）

在chrome上使用隐姓埋名模式允许初始化前者并将点击发送到gtm，gtm确实回答了这个问题，但仍然使测试变得不现实

还要注意的是，我没有设法使devmode在firefox上工作（即使在禁用跟踪保护的私有窗口中）。

---

如果/每当我收到关于此事的回复时，我将填写一期《盖茨比github回购协议》，并更新此回复。

生产过程中是否一切正常？你是如何推送数据的？是的，一切正常！我正在使用“browser monads”模块中的browser变量，并使用push方法，如：

window？.dataLayer？.push（{importantEvent:'bonjour'}）

！