GOOGLE 跟踪代码管理器（GTM）101 PART 1 – 基础篇
GOOGLE 跟踪代码管理器（GTM）101 PART 1 – 基础篇
主编前言：
很多朋友都听说过Tag Management（监测代码管理），但其强大的功能和实现方式，了解的朋友不多。本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。
这是这个系列的第一篇文章。
Google跟踪代码管理器（GTM）是方便非开发人员进行复杂分析的一项重要工具，其功能在Google Analytics（GA）中是找不到的。在本文中，你会了解到，如何将Google Analytics的功能转移到Google跟踪代码管理器。看完系列一，你可以在网站上配置GTM代码，实现网页浏览量的追踪。在系列二，我们会构建一个文档代码，并在系列三中实现追踪mailto和外部链接。系列四主要涉及社交媒体部分，系列五主要涉及表单提交。系列六介绍了一种决定“实时跳出率”的方法。
去年，我在GTM发布后不久写了一篇博客文章。Google发布GTM新版本通常表明，GTM的功能和界面已经焕然一新，而且用户配置和理解GTM功能变得更加轻松起来。
首先，什么是Google代码管理工具？Google表示，“用户可以使用Google代码管理工具随时快速创建和升级网站及移动APP代码（tag在GTM中文版本翻译成“代码”）。”关键是，你不再需要开发通过修改网站来配置事件跟踪，因为之前实现事件追踪通常需要花时间修改代码、测试以及发布新代码。
1.创建账户和代码容器
假设你有一个配置了Google Analytics通用跟踪代码的网站。开始使用Google跟踪代码管理器之前，你需要更改一段代码，这段代码会配置在每个网页上。你可以自己操作，也可以找开发人员帮助实现。
首先，如果你还没有Google帐户，请先创建一个GTM代码管理器帐户。
我们先在帐户中创建第一个容器，每个容器都有一个唯一的GTM代码。由于每个帐户可以创建多个容器，如果你有一个测试网站，那么就可以创建一个单独的容器，方便在上线前测试网站代码。
2.将Google Analytics跟踪代码添加为变量
你创建的每个代码（tag在GTM中文版本翻译成“代码”）都需要发送到你的Google Analytics跟踪代码。创建一个用户定义的变量，而不是为每个代码输入追踪代码，当你进入新容器后，你将看到以下图片。从这里你可以在容器代码概览，代码（tag在GTM中文版本翻译成“代码”），触发器，变量和文件夹之间随意切换。
进入变量创建一个新的用户定义变量。变量类型是一个常量，变量值是你的Google Analytics跟踪代码。我使用名称ATC（Analytics Tracking Code的首字母），因为它按字母顺序显示在列表的顶部，但你可以选择任何名称。
3.创建页面浏览代码触发所有页面
接下来，你需要创建能够触发每个页面浏览量的基础页面浏览代码（tag在GTM中文版本翻译成“代码”）。创建与下面相同的监测代码。你要确保复制正确，并且Fire On选项是“所有页面”。
现在，你需要使用最低GTM配置来替换标准GA跟踪代码。
4.发布容器并部署GTM 代码
屏幕右上角是发布容器的按钮。 GTM存储所有容器版本的历史，所以如果发布后出现问题，你可以回退。
5.安装GTM代码
现在，你需要生成该代码，发给开发团队，将其添加到网站。然后转到GTM的“管理”部分，选择“安装GTM”选项。
代码部署的位置在最近几个月发生了变化，一部分代码部署在<head>与</head>之间，一部分代码部署在<body>开头。
一旦将此代码部署到网站，你就能够对你的容器进行测试了。
注意：请勿将GA代码与GTM代码一起放在网页上。如果这样做，系统将认为页面浏览量是2次，而不是1次。
6 测试你的GTM容器
此时，请先检查一下自己的GTM容器代码是否正确。
第一个测试是，GTM 代码管理工具的ID已正确安装在网站上。要测试是否安装了GTM代码，请使用Chrome Tag Assistant检查网站的主页。你会看到，GTM容器ID和GA跟踪代码会展示出来。如出现任何警告或错误，请咨询开发人员。
最后，最好检测一下GA是否记录了网站浏览量。进入GA帐户的实时概览，然后从另外一个浏览器访问该网站。请确保你没有被GA流量过滤掉，那样的话，你就可以实时看到网页浏览量了。
因此，现在我们已经完成最初设定的目标了——在GA中监测网站所有页面的浏览量。在第2部分中，我们会创建一些能够增强GA报告的代码（tag在GTM中文版本翻译成“代码”）。这样，你就会知道用户何时查看了你的PDF文件，用户何时点击了指向外部网站的链接，以及用户何时点击了mailto链接。
腾讯云开发者
