Плагин gatsby google-tagmanager: как получить доступ к dataLayer.push

Question

Я установил и настроил gatsby-plugin-google-tagmanager на своем сайте, и я могу записывать просмотры страниц без проблем.

Но мне также нужно отслеживать нажатия кнопок, выполняя dataLayer.pu sh в событии onClick. Я не вижу способа предоставить событию 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 будет неопределенным.