Google 跟踪代码管理器 (GTM) - 无法添加自定义 HTML 标签

Question

我正在尝试通过我的 Google 标签管理器添加自定义 html 标签。我遵循了这个指南：如何添加自定义 html，但未添加标签。

这就是我所做的。

我创建了一个新标签并通过自定义 html 添加了我的代码。下面的代码是我添加到 HTML 部分的代码。

<script>
  console.log('Hello test two!');
</script>

<div>
  <span>Hello testing three this works!</span>
</div>

然后我为标签创建了一个触发器。触发器是“所有页面”默认触发器。

然后我进行了预览测试以查看标签是否被触发。确实是触发了。但是，当我查看网页标题时，我找不到该标签。

我也尝试过这个触发器“Page view- DOM Ready”，但它仍然不起作用。

Answer 1

首先，最佳实践是永远不要通过标签管理系统（TMS）部署 div 和其他可见元素。

其次，你不要把div放在头部。标题未呈现。你把它们放进身体里。在极少数情况下，当您需要通过 TMS 来完成此操作时，您可以使用 JS 来完成。如果你把一些东西放在 head 中并渲染，这意味着你放在那里的任何东西都隐式地关闭了 head 标签，因为它不需要关闭。

如何调试它也令人困惑。检查标签是否在预览中触发没问题，但随后部署两个标签。 Div 无关紧要，但 script 相关。在脚本中，您console.log。你为什么不检查一下你的控制台？看起来比检查 DOM 更容易。还添加屏幕截图。您可能检查了错误的内容。