vue.js - @nuxtjs/google-gtag @nuxtjs/gtm @nuxtjs/google-analytics 和vue-gtag 有什么区别，GA4用什么？

Question

整个分析的新手，我发现这非常困惑

我想在我的 nuxt ssr webapp 中使用 Google Analytics 4，但我对众多选项感到不知所措

Quick issue on nuxtjs/google-analytics says it does not support GA4 and is asking me to use nuxt/gtm

stackoverflow answer on the same question says use vue-gtag

Google's documentation says it covers analytics ads etc

nuxt/google-gtag 似乎是除了 vue-gtag 和 nuxt/gtm 之外的另一个库

我什至应该使用什么？我只想在我的 nuxt.js SSR 应用程序中集成 Google Analytics 4

Answer 1

1. Create a GA account and a GA4 property如果你还没有。记下您的测量 ID(“G-”Id)。同一个页面可以帮你找到id。

2. 使用 nuxtjs/google-gtag .页面包括设置帮助。

3. 在您的代码中传递配置时，请使用以下格式:

 // example config
 'google-gtag':{
   id: 'G-XXXXXXXX',  // your measurement id
   ... // rest of the config
  }

只是为了比较，对于 Universal Analytics(GA 的早期版本)，Id 看起来像 UA-XXXX-XX，而不是 G-XXXXXXXX。通过 Google Analytics 4 properties tag and instrumentation guide 了解更多信息.