Nuxt.js

Question

我正在尝试为 Nuxt.js 应用程序设置 Google 分析跟踪，但我根本没有获得任何数据。我觉得我一定遗漏了一些明显的东西。

我查看了 https://google-analytics.nuxtjs.org/ 并浏览了第一个设置页面。我还需要做些什么吗？文档承诺路由器实例是在安装过程中开箱即用的，因此它应该自动处理页面跟踪，但这不是我的经验。

我已经将 Google 分析模块添加到 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
    }]
],

如有任何帮助，我们将不胜感激。

Answer 1

您输入了错误的 ID：

googleAnalytics: {
  id: 'GTM-MYIDHERE', // <-- GTM- is Google Tag Manager ID
  layer: 'dataLayer',
  pageTracking: true
},

您必须创建一个 Universal Analytics 属性并使用 UA-XXXXXX-XX 代码。

在这里查看如何创建 UA 属性：

或者，如果你想使用 GA4 属性（ID 格式为 G-XXXXXXXXXX）你可以尝试使用 vue-gtag通过创建插件打包：https://github.com/MatteoGabriele/vue-gtag

Nuxt.js - Google 分析设置未跟踪任何 activity

Nuxt.js - Google Analytics setup not tracking any activity

google-analytics

vue.js