如何在 Nuxt.js 中使用 Google 标签

Question

我正在使用 Nuxt.js 2.13，我想在我的项目中使用 Google 标签。

但是有几件事我不是很清楚！

首先：Nuxt.js 社区 @nuxtjs/gtm and @nuxtjs/google-gtag 中有 pi0 的两个包。我应该使用哪一个？

其次：如何使用这些软件包来使用 dataLayer.push({'varName':'value'})？正如在他们的文档中，他们只指示了 push('event').

Answer 1

关于第一点：

• google-gtag-module 是 已弃用的 v1
• gtm-module 是 new v2

如 release notes 中所述：

This is a major rewrite of @nuxtjs/google-tag-manager after 3 years of contributions and feedback from users.

---

关于第二点，你必须使用$gtm.push方法来制作你的推送事件或数据。

例如，在您的 pages/index.vue 文件中：

<script>
export default {
  middleware ({ $gtm }) {
    $gtm.push({ 'varName': 'value' })
  }
}
</script>

在 https://github.com/nuxt-community/gtm-module/tree/master/example.

查看另一个完整的配置示例