盖茨比Google-Tagmanager插件：如何访问dataLayer.push

Question

我已经在自己的网站上安装并配置了gatsby-plugin-google-tagmanager，并且可以记录浏览量。

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

这可能会给我一个错误，即未定义dataLayer或未定义gtag。

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

Gatsby-config

{
  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将是未定义的。