Google Tag Manager中新的调试方式:Tag Assistant

Google Tag Manager GA小站 3天前 122次浏览 已收录 0个评论 扫描二维码

Google Tag Manager的调试现在(2020年10月16号)改为了Tag Assistant,这个是唯一的测试方式,之前是Preview Model,还是点击右上角的Preview(预览),但测试的方法已经不同的,新的调试方式Tag  Assistant是为了支持Google Analytics V4(简称GA4或GAV4)。

什么是Tag  Assistant

Tag Assistant本来是一个用于Google Analytics调试的一个Chrome插件,可以在Chrome的应用市场去下载当 Google Tag Assistant 记录处于活动状态时,你可以针对你访问的任意网页或网站记录代码、事件和互动情况。Google Tag Assistant 记录可以用来记录构成完整用户操作历程的所有网页,即使用户操作历程的某些部分并非发生在您的主要网域中也可以。

现在集成到Google Tag Manager用于支持Google Analytics V4的调试。

Preview Model VS  Tag Assistant

测试结果:Preview Model是通过iframe直接在测试页面下方显示测试结果,Tag  Assistant是在一个单独的页面上记录测试结果。

测试状态的控制:Preview Model是通过第三方Cookie,是在https://www.googletagmanager.com的cookie,而Tag  Assistant是在第一方cozokie/LocalStorage,在调试的时候会生成一个名为__TAG_ASSISTANT的第一方cookie。

展示的信息:Tag  Assistant展示DataLayer,Tag  Assistant展示DataLayer和API Call的信息

Tag  Assistant的优势

  • 支持Google Analytics V4的调试:Tag  Assistant的出现主要就是为了支持Google Analytics V4的测试。
  • 能记录多个页面的或行为的测试结果:Tag  Assistant是在一个单独的页面上记录测试结果,只要你不关闭这个页面,测试结果一直保留。
  • 不需要Google Tag Manager授权也调试Preview Model是需要授权后才可以可以调试,而Tag Assistant可以通过分享测试连接实现第三方去测试,而不需要授权。
  • 展示更多的信息:如API Call
  • 支持服务端布署的调试,GTM支持服务端布署,也需要测试,需要用Tag Assistant

Tag Assistant的调试使用方法

这一部分主要是讲Tag Assistant的调试使用。

打开调试的两种方式

打开调试有两个入口:

  • 一个是点击右上角的Preview(预览),这是最常用的一种方式。
  • 一个点击版本下的Preview(预览),如下图
Google Tag Manager中新的调试方式:Tag Assistant

版本管理下的Preview

点击Preview后,会在打开一个新的页面,网址是https://tagassistant.google.com,这个页面是用于设置测试页面:

Google Tag Manager中新的调试方式:Tag Assistant

设置测试页面

填入需要测试的URL,就可以点击Start开始:

Google Tag Manager中新的调试方式:Tag Assistant

连接测试页面

Tag Assistant会就连接到需要测试的页面,并将其打开,打开的测试页面会有gtm_debug=x的字段,如我们要测试的url是https://www.ichdata.com,它打开的url就是https://www.ichdata.com?gtm_debug=x,同时在右下角有一个Debugger connected小窗口,这就表示进入测试状态了,如下图中红框位置:

Google Tag Manager中新的调试方式:Tag Assistant

测试页面

Tag Assistant的界面如下:

Google Tag Manager中新的调试方式:Tag Assistant

Tag Assistant的界面

左上角的Connected就表示是测试状态了

GTM-MQ8Z6H,表示目前测试的容器,可以是GTM容器,也可以是测量ID

Summary:表示监测到行为

output of GTM-:表示触发的具体Tag、数据传递或错误。

 

调试

你打开调试状态的话,会有两个页面,一个是Tag Assistant,记录调试数据结果的,一个是你要调试的页面,URL上会有gtm_debug=x的字段,而且右下角有一个Debugger connected小窗口。

这样就表示进入调试状态。

你在调试页面的所有数据都是被Tag Assistant页面所记录,所以你只需要模拟需要操作的动作,然后在Tag Assistant看相应的Tag是否有触发就可以。

前面讲到Tag Assistant是为了支持Google Analytics V4,也就是Tag Assistant既可以用于GTM的调试,也可以用于Google Analytics V4的调试,两者的页面显示的内容有些许的差异。

你测试的是GTM还是Google Analytics V4取决于你在右上角对容器或测量ID的选择:

Google Tag Manager中新的调试方式:Tag Assistant

容器/测量ID选择

如果你选择的是GTM开头的,那就是GTM容器,进行的是GTM调试

如果你选择的是G开头的,那就是测量ID,进行的是Google Analytics V4的调试

GTM的调试

选择GTM容器ID后,Tag Assistant的测试界面如下:

Google Tag Manager中新的调试方式:Tag Assistant

Tag Assistant的测试界面(GTM容器)

左边有个向下的黑色三角形/箭头表示PV,红色方框里面的都表示在这个PV的行为,隔壁有个黄色的圆圈,这个是表示标记的状态。

  • 带“ x”的灰色图标表示在页面上未找到代码
  • 如果找到有效的标签,绿色指示灯将显示。图标中的数字表示找到的标签数量
  • 蓝色指示器将显示有关改善整体标记健康的建议
  • 黄色指示器将表明已发现标签中存在少量实施问题
  • 红色指示器将表明已发现存在严重实施问题的标签

下面一些带有数字的表示在这个页面的行为,如Container Loaded、DOM Ready、Window Loaded、 Click等。

右边的Output Of GTM-标识触发的Tags。

这里的测试思路是跟原有的Preview Model是一样的: 选择左侧对应的行为,可以看右侧有哪些Tag触发,也可以看变量里面的值是否获取正确,或看数据层的发送了哪些信息,或在Error里面看有什么错误。

详细的可以参考:GTM 中做debug预览调试

Google Analytics V4的调试

如果你的网站部署有Google Analytics V4的代码,可以在左上角的容器ID/测量ID那选择,Tag Assistant的测试界面如下:

Google Tag Manager中新的调试方式:Tag Assistant

Tag Assistant的测试界面(Google Analytics V4

Google Analytics V4测试界面跟GTM基本是一样的,主要是output of G-这里的有些不一样,这里用hit sent取代Tag和Variable。点击它,其实是点击Tag,就可以对应的Tag发送了什么数据:

Google Tag Manager中新的调试方式:Tag Assistant

Google Analytics V4 传递的数据

 

看上面是否和自己跟踪设置的是一样的。

新的测试结果界面也有一些不一样的地方,比如我选择Container Loaded:

Google Tag Manager中新的调试方式:Tag Assistant

API Call

这里还会提示这个行为所使用的API,这个在对Google Analytics V4做调试的时候就非常有用,可以看到Google Analytics V4里面具体事件的触发。

Google Tag Manager中新的调试方式:Tag Assistant

API Call

 

分享调试链接

分享调试链接是需要外部专家进行测试,但是又不希望对其授权使用的一种方式。

在版本管理下点击Share Preview分享测试:

Google Tag Manager中新的调试方式:Tag Assistant

Share Preview

就会弹出一个分享测试的设置界面:

Google Tag Manager中新的调试方式:Tag Assistant

Share Preview设置

Destination URL:就是要测试的页面

下面的那个连接就是要分享的链接。

 

关闭调试

如果要关闭调试,直接点击Tag Assistant页面右上角的那个叉:

Google Tag Manager中新的调试方式:Tag Assistant

关闭测试

 

注意

由于调试的时候是Tag Assistant去连接打开测试URL,可以理解为是通过Tag Assistant跳转到测试页面的,所以测试流量会识别从tagassistant.google.com过来的referral,为了数据准确,请在referral exclusion list将其排除。


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:Google Tag Manager中新的调试方式:Tag Assistant
链接:https://www.ichdata.com/new-preview-mode-google-tag-manager.html

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址