如何制作Google Tag Manager标记，在html内容显示之前运行？

Question

我正在开发GTM以改变云应用程序的风格。 显然，我没有访问这个应用程序的核心文件&我只是想在旧设计出现在我的客户端之前使用GTM改变一些CSS的东西。

我试过所有页面上的页面视图触发器或页面视图页面URL触发器包含过滤器。它工作正常，但问题是客户看到旧的设计出现并很快得到改变。 （1-2秒延迟）。

我想删除这个小延迟，并停止/隐藏旧的设计/内容出现。但我不知道应该使用什么触发器或事件来实现。

谢谢。

Answer 1

这不起作用，谷歌建议不要将GTM用于更改布局，强制重新绘制等的标签（as they say，“与页内结构关联的标签”）。更改CSS的标签需要在其他任何加载之前以同步方式可靠地触发，而GTM根本不会那样做。

使用的解决方法例如当通过GTM部署A/B测试时，隐藏主体的应用程序文件中有一个主体类，并且GTM在对页面布局进行更改后取消隐藏，但这至少需要一次性访问页面代码。

所以看起来你对这一个运气不好。

Answer 2

您可以使用与Google优化页面隐藏片段相同的方法。它在您更改DOM或CSS时暂时隐藏页面。

Docs：https://developers.google.com/optimize/devguides/pagehiding