我可以使用 GTM（google 标签管理器）模板评估和操作 html

Question

我可以通过 GTM（google 标签管理器）模板使用文档来操作 HTML，我想使用 GTM 模板放置一些 html 但无法找到更改 HTML 请帮助我解决这个问题提前谢谢

Answer 1

我假设您在谈论 GTM 中的自定义模板。自定义模板使用“沙盒 Javascript”，基本上是一种 Javascript 方言，可防止模板中的脚本执行与安全相关的操作。除其他事项外，自定义模板中的脚本无法访问 DOM（除了通过 injectScript 和 sendPixel API 以非常有限的方式访问，这需要您为允许的目标配置权限）。

Sandboxed JavaScript is a simplified subset of the JavaScript language that provides a safe way to execute arbitrary JavaScript logic from Google Tag Manager's custom templates. To provide a safe execution environment, some features of JavaScript are restricted or removed. ...

Sandboxed JavaScript is not executed in the standard global execution environment like normal JavaScript, so the window object and its properties are not available. This includes methods defined in the global scope like encodeURI or setTimeout, global values like location or document, and global values defined by loaded scripts.

Source

您必须使用自定义 HTML 标签而不是自定义模板。这听起来很相似，但对性能和安全性的影响却大不相同（自定义 HTML 通过 eval 运行标准 javascript）。访问 DOM 也会导致 repaints/reflows，这通常对性能不利，特别是对 Google 的新“Web Vitals”指标不利，因此您的 SEO 排名可能会受到影响。

因此，访问 DOM 在自定义模板中不起作用，不建议通过自定义 HTML。如果您坚持通过自定义 HTML 标签来完成，它只是标准的 JavaScript，与 GTM 无关。