@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

Whosebug 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 了解更多信息。