Google Analytics with newer script

I am trying to add Google Analytics to my site. I see how the documentation suggests to define a Google Analytics plugin, but Google told me to copy-paste code that isn’t the same as in that documentation. Here is the code Google told me to copy.

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXX-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-XXXX-1');
</script>

By looking at the previous documentation and looking at this documentation for Google’s data layer, I wrote this code.

export function googleAnalytics(gaCode: string) {
  let url = `'https://www.googletagmanager.com/gtag/js?id=UA-${gaCode}-1'`
  function addToDataLayer() {
    let newData = [{
      'js': new Date(),
      'config': `'UA-${gaCode}-1'`
    }];
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(newData);
  }
  return function(): ConfigOverride {
    return {
      page: {
        scripts: [
          <script async src={url}></script>,
          <script>{addToDataLayer()}</script>
        ]
      }
    }
  };
}

I think this is nearly correct, but I don’t know how to deal with window.dataLayer not being on defined on the type Window.

[loreanvictor]

it can be. right now I push, test, if everything works, I will bump the version and push (typically via a commit called bump version), and then npm publish. this can be further automated of course, but its not much of a hassle (or particularly error-prone) to demand an automated workflow.

[TysonMN]

I have written up all my thoughts here about why I think my code to communicate with Google Analytics from a CODEDOC site is correct.

Thanks for all your help @loreanvictor 😃