我已经制作了 nuxt.js 应用程序,我想集成 Google Analytics。我找到了@nuxtjs/google-analytics
包,安装了它并按照文档中的说明做了所有事情,但它仍然不起作用。
这是 nuxt.config.js
module.exports = {
...
modules: [
// Doc: https://axios.nuxtjs.org/usage
'@nuxtjs/axios',
'@nuxtjs/pwa',
// 'nuxt-basic-auth-module',
'@nuxtjs/google-analytics',
'@nuxtjs/recaptcha'
],
googleAnalytics: {
id: process.env.GA_ID || ''
},
}
在浏览器网络中加载页面时我可以看到analytics.js
,但在analytics.google.com
页面上我什么也看不到,即使没有在线用户。
另外,我尝试在按钮单击时添加事件,这是功能:
async showLogin() {
this.$ga.event({
eventCategory: 'login',
eventAction: 'login',
eventLabel: 'login',
eventValue: 1
});
await this.$router.push(`/${this.$store.state.locale}/login`)
},
这就是发生的情况,当用户单击登录按钮时,正如我所说,analytics.google.com
页面上没有信息,浏览器网络中也没有信息。
那么,我做错了什么?如果有人已经使用过 Nuxt 和 Google Analytics,您是如何将其集成到您的应用程序中的?我在网上没有找到很多关于这个问题的信息,但是我尝试了我找到的所有方法,但它不起作用。
nuxt.config.js
const testingAnalytics = false
module.exports = {
buildModules: [
'@nuxtjs/google-analytics'
],
googleAnalytics: {
id: '',
/*
If testingAnalytics === true than send test hits
If testingAnalytics === false than enable analytics
only when process.env.NODE_ENV === 'production'
*/
dev: testingAnalytics ? true : process.env.NODE_ENV !== 'production',
debug: testingAnalytics
? {
enabled: true,
sendHitTask: true
}
: {}
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句