Nuxt 在每个页面/路由的 body 标签中添加 GTM（noscript）

Question

我正在尝试在 Nuxt 应用程序上实施 Google 标签管理器，并且一直在研究如何在开始正文标签内的每个页面/路由上将 noscript 标签添加到应用程序。我尝试创建一个静态脚本并通过 nuxt 配置添加文件：

{ src: "/scripts/gtm.js", body: true }

将文件添加到正文，但由于 noscript 标记和来自 gtm 的嵌套 iframe 而抛出错误。不确定是否有更好的方法将实际脚本直接注入体内

<!-- Google Tag Manager (noscript) -->
<noscript><iframe
src="https://www.googletagmanager.com/ns.html?id=GT
M-4BXKY65"
height="0" width="0"
style="display:none;visibility:hidden"></iframe></n
oscript>
<!-- End Google Tag Manager (noscript) -->

Answer 1

@Eike 是对的。 Noscript 在 99.99% 的情况下是完全没用的。当用户关闭 JS 时使用它，但与您的想法不同，它不会使 GTM 在没有 JS 的情况下工作。事实上，只有一个标签会在该状态下“触发”，这将是一种很少使用的自定义图片标签。

是的，noscript 意味着 iframe，如果您的应用不支持它们，那么没有适合您的 noscript。说真的，Nuxt 是一个前端渲染框架。除了要求用户启用 JS 以查看该站点之外，您为什么要有任何东西...

Nuxt 在每个页面/路由的 body 标签中添加 GTM（noscript）

Nuxt add GTM (noscript) to body tag on every page / route

google-tag-manager

vue.js

nuxt.js