Gatsby google-tagmanager 插件：如何访问 dataLayer.push

Question

我已经在我的站点中安装并配置了 gatsby-plugin-google-tagmanager，我可以毫无问题地记录浏览量。

但我还需要通过在 onClick 事件中执行 dataLayer.push 来跟踪按钮点击。我没有看到让元素的 onClick 事件访问 dataLayer 对象的方法。

它给我一个错误，即 dataLayer 未定义，或者 gtag 未定义。

对此的任何语法将不胜感激。

盖茨比配置

{
  resolve: 'gatsby-plugin-google-tagmanager',
  options: {
    id: 'GTM-XXXXXXX',
  },
}

按钮 onClick 调用的函数

handleButtonClick=()=>{ 
  dataLayer.push({event: 'Request Button Click'});
}

Answer 1

这对我有用。

handleButtonClick=()=>{ 
  window.dataLayer.push({event: 'Request Button Click'});
}

另外，默认情况下，在开发中，GTM 脚本不会运行。这意味着window.dataLayer 将是未定义的。