'gatsby-plugin-google-analytics' is not working for my gatsby-strapi website

Question

this is my code in gatsby-config.js

module.exports = {
  siteMetadata: {
    title: `title`,
    description: ``,
    author: `@Wavii`,
  },

  plugins: [
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: "UA-XXXXXX-XX",
        // Defines where to place the tracking script - `true` in the head and `false` in the body
        head: true,
      },
    },
    `gatsby-plugin-react-helmet`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `images`,
        path: `${__dirname}/src/images`,
      },
    },

don't know why it is not working, it is not even showing any google analytics on my source code.

Thanks in advance.

Answer 1

I can't get it working in production either. I've also tried https://www.gatsbyjs.org/packages/gatsby-plugin-gtag/ - which I hear is the "newer" way, and I can get some results using Helmet like so:

  <Helmet>
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXX-X"></script>
  <script type="application/ld+json">{`
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('config', 'UA-XXX-X');
  `}</script>
  </Helmet>

... but I don't have it successfully testing in production yet. I've installed all the google analytics plugins and though debug works in the case of Helmet, I'm not really getting good results otherwise.