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。

Tags

GTM后台设置好的追踪代码。这里的Tag分为两种:Tags Fired和Tags Not Fired。Tags Fired中出现的代码表示代码已经被触发,点击左侧序号可以查看是哪个行为处发了这一代码。Tags Not Fired代表已经在GTM中设置好的代码,但是没有被触发的。

点击Tags中的代码方框会展开详情,如下图可以在Properties中看到被触发代码的详情以及Firing Triggers会显示出相关触发器的设置及那些代码符合要求所以触发了。

同样“Tags Not Fired”中的代码点击后可以看到该代码为什么没有被触发,通过这个功能可以快速定位代码设定出现的问题。

Variables

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

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

Data Layer

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

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

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

这篇文章有用吗?

点击星号为它评分!

平均评分 5 / 5. 投票数: 2

到目前为止还没有投票!成为第一位评论此文章。

很抱歉,这篇文章对您没有用!

让我们改善这篇文章!

告诉我们我们如何改善这篇文章?

  • Post last modified:2020年10月15日

发表评论