GTM iFrame 问题答案

【问题标题】：GTM iFrame IssueGTM iFrame 问题
【发布时间】：2016-07-26 23:44:27
【问题描述】：

我在我们的网站中使用 GTM，如下所示。但在 Chrome 的网络面板中，我可以看到该请求已被取消。我检查了失败的javascript代码，但它只是表单提交代码。我相信这是因为 Google Chrome 不支持 iFrame。没有 iFrame 是否还有另一种使用 GTM 的方法。

<!-- Google Tag Manager -->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-TW7XQX" 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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TW7XQX');
</script>
<!-- End Google Tag Manager -->

更新：

发现这不是由于 iFrame 而发生的，而是其他原因。 iFram 只有在禁用 javascript 时才会触发。在这种情况下，配置的 GTM 标签是根本原因。

【问题讨论】：

看起来 GA 收集命中已通过（状态 200）并且其他内容已被取消。

标签： javascript html iframe google-tag-manager

【解决方案1】：

如果您查看代码，您会发现 iframe 位于 noscript 标记中 - 只有未启用 javascript 的客户端才会调用它。没有它，GTM 也可以正常工作，大多数人甚至不会为没有 JS 的客户端配置 GTM（我个人只是删除 noscript 部分并将 GTM 代码移动到页眉）。

但是谷歌浏览器支持 iframe 很好，并且被中止的标签在任何情况下似乎都是一个 javascript 标签。所以这个问题不可能与 iframe 相关（只要客户端运行 JS，它甚至不会被调用）。

【讨论】：