google-tag-manager - Google 标签管理器 - 它是如何工作的？ (建筑学)

Question

我不知道这是不是该问的地方，但它是编程(在某种程度上)。 Google 标签管理器是如何工作的？

我的看法是:

页面加载

GTM 代码加载并执行此操作
_进行检查
_创建数据层对象
_invokes gtm.js 库(在浏览器中加载它)
_pushes 基本对象到 dataLayer
_"imports"标签、触发器和变量
_将它们附加到文档节点

配置为在“pageLoad”触发时触发的任何标记(将数据推送到 dataLayer)

DOM 就绪(为“DOM 就绪”配置的任何标签触发)

窗口加载(为 'windowLoaded' fire 配置的任何标签)

“触发器”(“规则”)等待附加到正确的 DOM 节点

用户与文档(页面)交互:

事件发生

规则('触发器')被评估

规则触发标签

标签将事件信息推送到数据层

然后如何将来自 dataLayer 的数据发送到 Google Analytics、AdWords 或其他配置的服务？哪一段代码做到了这一点？

负责将事件推送到 dataLayer 的标签是否也可能将其发送到 GA 服务？或者是否有其他通用 GA 标签可以提取写入 DL 的所有内容，然后将其发送到 GA？

变量如何融入这个故事？在我看来，它既可以写入变量(标签可以将某些内容存储到预先设置的变量中)，也可以在变量中预定义并由标签使用。

感谢您对此的任何澄清。

Answer 1

标签将数据发送到分析平台(GA 或其他)。与分析平台对话的标签 javascript 片段位于 gtm.js 中

当我们通过 GTM UI 配置容器时，会为您的容器向 gtm.js 添加足够的标签(javascript 代码)。每个使用 GTM 的网站所有者都会根据他们的配置获得不同的 gtm.js(这是 gtm.js 的 id 参数的目的)。事实上，https://www.googletagmanager.com/gtm.js将导致 404。

你可以试试https://www.googletagmanager.com/gtm.js?id=YOUR_CONTAINER_ID当您添加不同的标签时，您可以看到不同的 gtm.js 文件。

这就是标签管理产品如何实现在站点内插入代码片段而不需要对实际站点页面进行任何更改(当然，除了插入初始容器标签相关代码)。