我正在尝试为 Nuxt.js 应用程序设置 Google Analytics 跟踪,但我根本没有获得任何数据。我觉得我一定错过了一些明显的东西。
我看过https://google-analytics.nuxtjs.org/并浏览了第一个设置页面。我还需要做些什么吗?该文档 promise 在安装期间开箱即用地添加路由器实例,因此它应该自动处理页面跟踪,但这不是我的经验。
我已经两次将 Google Analytics 模块添加到 nuxt.config.js 中,如下所示,只是在寻找脉搏,但没有这样的运气。我也分别尝试过。我传入的 ID 已经在另一个网站上使用,我的应用程序构建没有错误:
buildModules : [
'@nuxtjs/eslint-module',
'@nuxtjs/style-resources',
'@nuxtjs/google-analytics'
],
googleAnalytics: {
id: 'GTM-MYIDHERE',
layer: 'dataLayer',
pageTracking: true
},
modules : [
['nuxt-modernizr',
{
'feature-detects' : ['touchevents', 'img/webp'],
options : ['setClasses']
}],
['@nuxtjs/google-analytics', {
id: 'MYIDHERE',
layer: 'dataLayer',
pageTracking: true
}]
],
这里的任何帮助将不胜感激。
最佳答案
您输入了错误的 ID:
googleAnalytics: {
id: 'GTM-MYIDHERE', // <-- GTM- is Google Tag Manager ID
layer: 'dataLayer',
pageTracking: true
},
您必须创建一个 通用分析 属性(property)及用途UA-XXXXXX-XX
代码。在此处查看如何创建 UA 属性:setup Google Analytics 4 in nuxt.js
或者,如果您想使用 GA4 属性(即格式为 G-XXXXXXXXXX 的 id)您可以尝试通过创建插件来使用 vue-gtag 包:https://github.com/MatteoGabriele/vue-gtag
关于vue.js - Nuxt.js - 谷歌分析设置不跟踪任何事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68384675/