3.1、Google Tag Manager简介

 

什么是Google Tag Manager

Google Tag Manager简称GTM，中文名是谷歌代码管理器，是谷歌开发的用来添加和管理代码的工具，你可以在上面布署和管理第三方广告跟踪代码，如网站分析工具，用户行为工具，广告监测的。

 

Google Tag Manager工作原理

GTM的基础代码通常是以下形式的JavaScript片段：

<!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MQ8Z6H');</script><!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQ8Z6H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->

其中，GTM-XXXXXXX 是你的容器ID，每个GTM容器都有自己独特的ID。

1. 初始化数据层：代码首先检查是否已经存在名为dataLayer的数组（或你自定义的名称）。如果没有，它会创建一个空数组。数据层是GTM与网页交流的主要方式，用于传递事件和数据。
2. 推送初始事件：代码向数据层推送一个名为gtm.js的事件，并记录当前时间（gtm.start）。这个事件标志着GTM已经开始加载。
3. 加载GTM容器脚本：创建一个新的<script>标签，并设置其源地址为GTM的服务器（googletagmanager.com/gtm.js），加上容器ID。这个脚本是异步加载的，不会阻塞页面其他资源的加载。
4. 执行GTM逻辑：一旦GTM的脚本加载并执行，它会处理数据层中的事件，应用你配置的标签和触发器。GTM会根据这些配置决定何时执行哪些标签。
5. 管理标签：GTM容器脚本会读取你在GTM界面中配置的所有标签和触发器。它会根据触发条件（如页面视图、点击事件等）决定是否执行标签。这些标签可以是GA跟踪代码、广告转换代码、自定义JavaScript等。
6. 动态注入：如果有标签需要在页面上执行（例如插入自定义HTML），GTM会动态地将这些代码注入到页面中。这意味着你可以添加或修改跟踪代码而无需直接接触网站代码。

为什么要用Google Tag Manager

• 它是免费的：无需担心，Google Tag Manager是免费的，它有甚多令人惊奇的功能，如账户和用户管理，代码触发规则，第三方代码，自定义HTML等。
• 你可以直接使用：布署Google Tag Manager后，你可以再不需要开发支持的情况下直接往页面添加代码，测试，直到你测试无误后直接发布。
• 忘记限制：通过Google Tag Manager，你可以使用更多的非谷歌的产品，可以部署第三方预定义的代码，如marin，comScore，AdRoll等，如果找不到你想要的第三方代码，你开可以定义。
• 无缝与GA结合：Google Tag Manager能更好支持Google Anlaytics一些复杂而使用的功能，例如Userid跟踪，Userid跟踪能解决跨设备跟踪的问题，能够提供更加准确的数据。Google Tag Manager也可以更加方便的设置自定义维度，自定义字段，跨站跟踪，增强型电子商务跟踪等。
• 跟踪方便：由于网上很多资源，你可以很容易去跟踪如youtube视屏播放，打印跟踪，ajax表单跟踪等。
• 无需关心安全问题：无需担心，Google Tag Manager拥有你所需的安全管理功能，你可以给不同的用户授予不同的权限。
• 直接可以debug：有debug功能，内置错误检验，版本控制，所以你可以再上线之前知道发生了什么。

Google Tag Manager主要模块

Google Tag Manager主要分三个模块：

• 代码：用于控制向哪里发送和发送什么数据
• 触发器：表示触发条件，什么情形下执行
• 变量：用于存储值，被代码和触发器引用

 

使用Google Tag Manager之前和之后

在Google Tag Manager之前，添加js代码是需要在页面硬编码，换句话说，如果要布署事件跟踪，你需要让你的开发去给你往页面添加事件跟踪，如果是一个紧急需求，但是你们最近又没有发版的计划，那你的事件跟踪将变得难以实现。

现在，Google Tag Manager给你一个友好的操作界面，直接可以创建代码，测试，并且将代码添加到页面上去。最重要的是，你自己自己添加代码，方便和快捷，而不需要开发的支持和受版本发布的影响。

Google Tag Manager（谷歌代码管理系统，GTM）可以帮助您快速轻松地更新网站或移动应用上的代码和代码段，例如用于流量分析和营销优化的代码和代码段。您还可以通过跟踪代码管理器的界面添加和更新 AdWords、Google Analytics、Firebase Analytics、Floodlight 和第三方代码或自定义代码，而无需修改网站代码。这样既减少了错误，也免除了配置代码时向开发求助的麻烦。

Google Tag Manager的一些限制

• 一个谷歌ID可以创建400个账户，每个账户可以创建500个容器
• GTM容器最大为200kb，当超过70%的限制的时候，在「版本」里就会大小的提示，你就应该优化配置，如移除一些不用的配置。
• 常量变量最长可以是1024个字符。
• 自定义HTML最大字符数是102400。
• 工作区：免费的GTM有三个工作区，GTM360有无限个。

---