Google Tag Manager 调试模式

Google跟踪代码管理器 (GTM) 的调试模式 (Debug Mode) 是部署GTM贼给力的工具，没有之一。通过调试模式，整个Google Tag Manager的设置调试过程变得可见，而不是在一个黑箱操作。接下来，我们仔细介绍如何使用Debug模式。

首先，要在GTM中设置好需要部署在网站上的代码 (Tag)，保存完毕后先不要正式发布。在界面导航栏中可以看到一个“预览”按钮，点击这个按钮。

点击后稍等便会出现如下界面，GTM中会出现呈红色提示框，表示预览模式开启。如果需要退出预览模式，点击视图中“退出预览模式”即可。

这时我们再使用同一个浏览器访问部署代码的网站后，可以发现网站下方跳出一个“Tag Manager”界面。这个就是GTM的预览功能。工具条上可以看到Tags、Variables、Data Layer、Errors四个分类，分别代表标签代码、变量、数据层和错误。右侧还可以看到容器ID和版本号。

左侧Summary中每个序号代表GTM上报了一次事件。比如Container Loader、DOM Ready、Click等。有事件出现在这里不代表GTM和GA中同样有数据，只有将事件和代码 (Tag) 联系起来，通过代码才能将数据汇报到Google Analytics。

Variables

变量 (Variable) 是GTM使用的基础，利用变量可以制作各种触发器和代码。预览模式中展示出来的这些变量键和值就是当下这个操作中GTM所捕捉到的信息。我们可以利用这些信息检查GTM后台变量设置是否错误，以及可以用这些展示出来的变量制作代码。

后台激活的内置变量和自定义变量都会在此处展示。

数据层 (Data Layer) 中展示的信息是本次行为被推送到数据层中的数据。常用于Event的设置和检查。

有了预览模式，我们可以一边设置GTM代码，同步在网站检查，而正常用户不受影响。每更新一次设置不需要发布，使用预览模式的刷新便可将设置同步到网站的预览中。

预览模式也可以通过分享链接方式发给其他人。