How to add Google Analytics tag in head?

[vedxp]

I want to add analytics script in my site, but don't know how to add it in .vitepress/config.ts.

Help would be much appreciated :)

[brc-dd]

export default {
  head: [
    ['script', { src: 'https://googletagmanager.com/...' }],
    ['script', {}, `gtag call here`]
  ]
}

[vedxp]

Thank you sir, I've two questions:

['script', {}, `gtag call here`]

• What curly braces would consist here, before gtag call?

• And, how to load the script as async or defer?

[brc-dd]

export default {
  head: [
    ['script', { src: 'https://www.googletagmanager.com/gtag/js?id=TAG_ID', async: 'async' }],
    ['script', {}, `
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments)};
        gtag('js', new Date());
      
        gtag('config', 'TAG_ID');
        gtag('config', 'DC-ZZZZZZ');`
    ]
  ]
}

This will be rendered like:

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

  gtag('config', 'TAG_ID');
  gtag('config', 'DC-ZZZZZZ');
</script>

That empty {} specify that there are no attributes on that script element.