Google Analytics integration for Nuxt.js with vue-analytics

📖 Release Notes

1. Add @nuxtjs/google-analytics dependency to your project

yarn add --dev @nuxtjs/google-analytics # or npm install --save-dev @nuxtjs/google-analytics

2. Add @nuxtjs/google-analytics to the buildModules section of nuxt.config.js

⚠️ If you are using Nuxt older than v2.9 you have to install module as a dependency (No --dev or --save-dev flags) and also use modules section in nuxt.config.js instead of buildModules.

export default {
  buildModules: [
    ['@nuxtjs/google-analytics', {
      id: 'UA-12301-2'
    }]
  ]
}

export default {
  buildModules: [
    '@nuxtjs/google-analytics'
  ],
  googleAnalytics: {
    id: 'UA-12301-2'
  }
}

Click here for all options and features of vue-analytics

Differences between vue-analytics and the Nuxt.js implementation:

• The router instance is already added out of the box (read here if you need to disable it)

• The id and ua properties have the exact same behaviour. The ua property has been added for backwards compatibily with previous releases

• You can disable module for nuxt dev by setting dev: false option in module options

• Note: By default, you won't see hits going out in dev mode. For testing analytics in dev mode, you must add the following to nuxt.config.js:

  debug: {
    enabled: true,
    sendHitTask: true
  }

MIT License

Copyright (c) - Matteo Gabriele [email protected]