The google analytics plugin is not loaded with Gatsby in production about analytics HOT 2 CLOSED

I don't see window.Analytics on the global window on https://lovemyvoice.app/

For the gatsby route plugin to work you need to set analytics to the window.

/* analytics.js */
import Analytics from 'analytics'
import segmentPlugin from 'analytics-plugin-segment'
import gtagManagerPlugin from 'analytics-plugin-google-tag-manager'
// ... whatever analytics provider you use

const analytics = Analytics({
  plugins: [
    gtagManagerPlugin({
      containerId: 'GTM-XYZ'
    }),
    segmentPlugin({
      writeKey: '123567',
    }),
  ]
})

// Set to global so analytics plugin will work with Gatsby
if (typeof window !== 'undefined') {
  window.Analytics = analytics
}

// Set to window.
window.Analytics = analytics

https://github.com/DavidWells/analytics/blob/master/packages/gatsby-plugin-analytics/gatsby-browser.js#L6

Alternatively, you can use a standalone routeChange utility https://github.com/DavidWells/analytics/blob/master/examples/react/src/index.js#L12 to avoid exposing to the global window

from analytics.

Sorry, I needed to deploy some working solution there. Ended up with a combination of gatsby-plugin-google-analytics along with a direct Firebase Analytics module (still deciding which one to keep). Both of those are working correctly, but the analytics module wasn't for some reason.

I guess I will close it here now. Thanks for the reply.

from analytics.