Options
To configure the module, you can use googleAnalytics section in nuxt.config.js.
nuxt.config.js
export default {
googleAnalytics: {
// Options
}
}
router instance is added out of the box. You can refer here on to how to disable it if needed.
Google Analytics options
id
- Type:
String - Required
The tracking ID of your Google Analytics account. It is required to have Google Analytics (GA) know which account and property to send the data to.
nuxt.config.js
export default {
googleAnalytics: {
id: 'UA-XXX-X'
}
}
For backwards compatibilities, use ua instead.
asyncID
- Type:
Function- Should return a
Stringas trackingidfor GA account.
- Should return a
Allow an asynchronous function to load the id
nuxt.config.js
export default {
googleAnalytics: {
asyncID: async (context) => {
/* do something */
return 'UA-XXX-X'
}
}
}
If both id and asyncID are present, the returned value from asyncID will override the value of id.
debug
- Type:
Objectenabled:Boolean- to enable the debug modesendHitTask:Boolean- to sent GA hits. Default isfalsefor development mode.
dev
- Type:
Boolean
Turn on the development mode and disable the module.
checkDuplicatedScript
- Type:
Boolean
It will detect if any analytics script has been added in your HTML page.
nuxt.config.js
export default {
googleAnalytics: {
checkDuplicatedScript: true
}
}
disableScriptLoader
- Type:
Boolean
Disable the script loader
nuxt.config.js
export default {
googleAnalytics: {
disableScriptLoader: true
}
}
For a full list of options, please see Vue Analytics documentation.