[GatsbyJS + GTM] Events not being sent when pushed to DataLayer

[igorbrasileiro]

Hi, 👋 !

I'm trying to integrate the Partytown + Gatsby, but I'm facing some problems sending events.

Basically, I added the GTM and Partytown components in the head. Inside the components, call window.dataLayer.push. But I realized that just send page_view events.

// gatsby-ssr.js
export const onRenderBody = ({ setHeadComponents }) => {
  setHeadComponents([
    <GoogleTagManager
      key="gtm"
      containerId={storeConfig.analytics.gtmContainerId}
      enablePartytown
    />,
    <Partytown key="party" />,
  ])
}

// sending events to dataLayer
useAnalyticsEvent((event) => {
  console.log('EVENT', event)
  window.dataLayer.push(event)
})

I'm missing something? I tried to use the debug flag, but I didn't see the console.logs 😞 .

For more information:

• Adding the react components to the head
• Pushing events to dataLayer
• Pull Request trying to add the partytown
• Page with partytown, if you click into any product a console.log will be printed.

Partytown Version: 0.0.29 Gatsby Version: 3.14.3

[igorbrasileiro]

I will close this issue because the problem was with the GTM settings.