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
String
as trackingid
for 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:
Object
enabled
:Boolean
- to enable the debug modesendHitTask
:Boolean
- to sent GA hits. Default isfalse
for 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.