javascript - 为什么谷歌跟踪代码管理器使用 IFrame 而不是脚本 DOM 元素？

Question

谷歌标签管理器使用隐藏 IFrame 解决方案的任何原因？我指的是这个页面https://developers.google.com/tag-manager/quickstart。为什么它不使用脚本 DOM 元素方法，就像这里描述的那样http://www.stevesouders.com/blog/2008/12/27/coupling-async-scripts/？谢谢。

Answer 1

我第一次看到的时候也是这么想的。IFrame 实际上包含在 a 中<noscript>，这意味着它只会在禁用 JavaScript 时使用。

出于说明目的，我添加了间距：

<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCD"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<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-ABCD');
</script>