javascript - Google Tag Manager noscript 标签显示为字符串,为什么? (使用 react-gtm-module)

标签 javascript reactjs google-tag-manager next.js netlify

我使用 react-gtm-module 将 Google 标签管理器标签放置在由 netlify 托管的 react/next.js 应用中。

head 中的 gtm script 标签呈现完美。但是正文中的 noscript 标签被 iframe 错误地呈现为字符串:

<body>
  <noscript>
    "
          <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX&gtm_auth=&gtm_preview=&gtm_cookies_win=x"
            height="0" width="0" style="display:none;visibility:hidden" id="tag-manager"></iframe>"
  </noscript>
  ...
</body> 

react-gtm-module 代码:

import TagManager from 'react-gtm-module'
...
componentDidMount(){
const tagManagerArgs = { gtmId: 'GTM-NCGQVKQ' }
TagManager.initialize(tagManagerArgs);
}

有人知道可能是什么原因吗?

非常感谢!

最佳答案

启用脚本后,noscript 元素将只包含纯文本。尝试在浏览器中禁用 JS,然后 noscript 标签中的文本应该被解析为 HTML

https://html.spec.whatwg.org/multipage/scripting.html#the-noscript-element

关于javascript - Google Tag Manager noscript 标签显示为字符串,为什么? (使用 react-gtm-module),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61907993/

相关文章:

javascript - 使用 useState、React 时 Hook 调用无效

google-analytics - GTM 增强型电子商务 - 仅跟踪第 1 步的结帐选项

javascript - jQuery 验证和提交表单

javascript - JavaScript 应用程序拒绝向 Rust Rocket 服务器发出错误连接请求

javascript - map 已经创建时如何设置谷歌地图背景。 map.setOptions() 不起作用

javascript - 如何使用属性来获取 JSON 值?

reactjs - React App - 包含/health - 负载均衡器的健康端点

node.js - 错误 : html-webpack-plugin could not minify the generated output

google-analytics - 如果禁用 Debug模式,则无法在 GA 用户 ID View 上跟踪事件