Nuxt.js - Google Analytics设置未跟踪任何活动。

Question

我正在尝试为Nuxt.js应用程序设置Google Analytics跟踪，但是我根本没有得到任何数据。我觉得我可能漏了什么很显然的东西。

我查看了https://google-analytics.nuxtjs.org/并浏览了第一个设置页面。我需要做更多的事情吗？文档承诺在安装过程中会自动添加路由实例，因此应该自动处理页面跟踪，但这并不是我的体验。

我已经将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
    }]
],

任何帮助都将不胜感激。

- d-fws

---

你应该删除 @nuxtjs/google-analytics 以避免任何问题。如果 Michele 的解决方案不起作用，你可能在浏览器控制台中有一个错误。 - kissu

@kissu - 你是指从buildModules中删除还是从modules中删除？ - d-fws

在设置中，它从未提到“模块”，所以是的：从“模块”中删除它。https://google-analytics.nuxtjs.org/setup/ - kissu

如果你的 Nuxt 版本是 < v2.9，那就让它在模块中吧。但我希望它不要那么老。 - kissu

Answer 1

您输入了错误的 ID：

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

您需要创建一个通用分析属性，并使用UA-XXXXXX-XX代码。

在此处查看如何创建UA属性：在nuxt.js中设置Google Analytics 4

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

- Michele Pisani

---

谢谢。此外，我必须指定我想要在调试中记录事件。将 debug: { sendHitTask: true } 添加到 googleAnalytics 中并更改 ID 以使其正确即可解决问题。 - d-fws