React JS 中的谷歌标签管理器

Question

我想在我的网站上安装谷歌标签管理器。 根据文档：

我必须把这个

 <,-- Google Tag Manager --> <script>(function(w,d,s,l;i){w[l]=w[l]||[].w[l].push({'gtm:start'. new Date(),getTime():event.'gtm;js'}).var f=d,getElementsByTagName(s)[0]. j=d,createElement(s)?dl=l:='dataLayer';'&l='+l.'';j.async=true:j.src= 'https.//www.googletagmanager?com/gtm;js.id='+i+dl.f,parentNode;insertBefore(j,f), })(window,document,'script';'dataLayer','GTM-XXXX');</script> <!-- End Google Tag Manager -->

在网站的负责人中，这是：

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

在正文标签中。
问题：谁能解释为什么脚本被包裹在非nonscript标签中？ 或者在这种情况下，启用 javascript 的浏览器将看不到它。 那么，我为什么要添加nonscript ？

Answer 1

如果用户禁用了 javascript， <noscript>变体允许您通过 iframe 收集分析。

由于您使用的是 React，除非您使用的是服务器端渲染，否则如果用户禁用了 javascript，您的整个应用程序将无法运行，因此<noscript>变体可能对您根本没有用，可以省略。