Nuxt.jsでGTM、GAを設定する

Nuxt.jsでのGoogleタグマネージャーとGoogleアナリティクスの実装をまとめます。

前提条件

• Nuxt.jsがインストールされていること

インストール

各モジュールをインストールする

$ npm i --save @nuxtjs/google-tag-manager

$ npm i --save @nuxtjs/google-analytics

使い方

nuxt.config.js

module.exports = {
  modules: [
    ['@nuxtjs/google-tag-manager', { id: 'GTM-XXXXXXX' }], // 追記
    ['@nuxtjs/google-analytics', { id: 'UA-XXXXXXXX-X' }] // 追記
  }
}

参考文献

この記事は以下の情報を参考にして執筆しました。

• @nuxtjs/google-tag-manager - npm
• @nuxtjs/google-analytics - npm