gpt4 book ai didi

javascript - 加载 gtm.js 时网页闪烁

转载 作者:可可西里 更新时间:2023-11-01 13:07:19 30 4
gpt4 key购买 nike

当 gtm.js 异步加载时,我们的网页出现问题。在它发生的那一刻,我们的网站“闪烁”,所以您感觉网站被加载了 2 次。我已经评论了 GTM 的脚本,不再有“闪烁”。我尝试在 <body> 之后放置脚本调用标签和关闭前的底部 <body>标签,但同样的事情发生了。我在某处读到这是 async 的缺点?这是真的吗?我该如何解决?有没有人有同样的经历/问题?

我使用的片段:

<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
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-XXXXXX');</script>

提前致谢。

最佳答案

从本质上讲,这不是 GTM 或异步代码的问题(并且您不应将脚本放在页面底部,因为它有其自身的问题,即使乍一看似乎可以正常工作; 还要注意不要将 GTM 包裹在任何其他 HTML 标记中)。

但是,如果您的 GTM 容器包含导致页面重绘的标签,即几乎所有更改页面布局或插入可见 HTML 的内容(这就是 Google 警告不要使用此类标签的原因),则可能会出现问题。

如果您的页面中有任何自定义 HTML 标签,您应该禁用它们并重试(从 GTM 标签模板创建的标签不应影响页面布局)。

关于javascript - 加载 gtm.js 时网页闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30888189/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com