如何使用 GTM 进行任何 HTML 更改

[rakibhasanbd4723]

标签管理器主要用于实现现成的标签，例如 Google Analytics 或 Facebook 跟踪。一个鲜为人知的功能是实现自定义 HTML 代码段（可以包含 JavaScript 代码）。这允许您根据您定义的规则对页面（或一组页面）的 HTML 进行任意更改。使用标签管理器的一个好处是，您可以使用单个标签在整个网站上大规模应用对页面的更改。

这使得我们可以绕过 CMS 限制和开发队列，直接对页面标题、规范标签和页面内容 等应用更改。

由于标签管理器使用 JavaScript 来 自营职业数据库 实现标签，因此过去它并不被视为进行 SEO 更改的可靠方法。传统观念认为，在进行 SEO 更改方面，Google（和其他搜索引擎）无法可靠地执行 JavaScript，因此使用 JavaScript 所做的任何更改都可能会被忽略。然而，最近，我们看到有证据表明 Google 正在采纳更改，包括通过标签管理器实施的更改。本文将展示几个实际示例，以及如何在您的网站上实施这些更改。

我们感兴趣的更改类型包括向页面添加新元素、修改元素的内容或属性，或从页面中删除元素。对于每一项，您可能需要了解以下方面的知识：

CSS 选择器和 HTML，以便知道从页面上的哪些元素更改/提取数据
JavaScript（尤其是 jQuery *），用于将元素注入页面
例如，您可以将一些简单元素添加到页面中，这些元素不需要从页面中提取任何内容（页面 URL 除外，它是 GTM 中的内置变量）。另一方面，还有更复杂的更改，例如在电子商务网站上添加产品结构化数据，这需要您从页面中提取数据（例如产品名称、价格等）。

如果您不懂技术，只是想在 GTM 中实现更改，我将在本文末尾附上一个现成的 GTM 容器，并提供有关如何使用它的说明。

*如果您的网站已加载 jQuery，提取元素并将其写入页面将变得容易得多。为了检查这一点，您可以在Chrome或Firefox中查看页面时打开控制台并输入“jQuery”（区分大小写）。如果未加载 jQuery，您将看到一条错误消息。