如何在 Nuxt 中使用谷歌标签

问题描述

我使用的是 nuxt 2.13，我想在我的项目中使用谷歌标签。

但是有几件事我不清楚！

第一：nuxt 社区中 pi0 有两个包， @nuxtjs/gtm 和 @nuxtjs/google-gtag 。我应该使用哪个？？

第二：如何将 dataLayer.push({'varName':'value'}) 与这些包一起使用？就像在他们的文档中一样，他们只说明了 push('event')

解决方法

关于第一点：

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

如 release notes 中所述：

经过 3 年的用户贡献和反馈，这是对@nuxtjs/google-tag-manager 的重大改写。

---

关于第二点，你必须使用 $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