Nuxtで作ったサイトにGoogle Analytics(GA4)を設定する

やり方

nuxt.config.jsに追加します。

G-WVV9HZW4RTの部分は読み替えて下さい。

nuxt.config.js
export default {
  head: {
    script: [
      { src: 'https://www.googletagmanager.com/gtag/js?id=G-WVV9HZW4RT', async: true },
      {
        hid: 'gtag',
        type: 'text/javascript',
        innerHTML: `window.dataLayer = window.dataLayer || [];
                    function gtag(){dataLayer.push(arguments);}
                    gtag('js', new Date());
                  
                    gtag('config', 'G-WVV9HZW4RT');`
      }
    ],
    __dangerouslyDisableSanitizersByTagID: {
      clarity: ['innerHTML'],
      gtag: ['innerHTML']
    }
  }
}

関連記事

このページをGitHubで編集する 更新日 Sun, Aug 22, 2021