nuxt.js - Google Tag Manager + NuxtJs 创建重复脚本

我已经为 NuxtJs 安装了 GTM 模块（https://github.com/nuxt-community/gtm-module）

我在 GTM 中使用“nuxtRoute”作为触发器，它工作正常。

问题：由于它是一个“单页应用程序”，因此跟踪脚本会堆积起来，因为没有为每个页面视图重新呈现 HTML。
所以假设我在每个页面视图上插入一个“Hotjar 跟踪代码”，如果用户导航到 20 个页面，Hotjar 脚本将被插入到 HTML dom 中 20 次。

这是一个问题吗？以及如何解决？

标签： nuxt.jsgoogle-tag-manager

这确实是一个问题。

但这很容易避免。在实际页面加载而不是 nuxtRoutes 上触发库初始化标记。

仅在 nuxtRoutes 上触发综合浏览量。Hotjar 必须有一份 SPA 实施手册。在这里：https ://help.hotjar.com/hc/en-us/articles/115011805428-Hotjar-on-Single-Page-Apps

看起来 hotjar 足够聪明，可以自己监听历史变化，而不需要 GTM 的帮助来了解导航何时发生。因此，每次真正的综合浏览量只部署一次他们的代码，你应该会很好。

这不太可能，但 hotjar 可能会遇到页面跟踪问题。他们的文章中实际上描述了这种情况。在这种情况下，您将不得不使用您的路由触发器。