如何使用Google标签助手验证Google Tag Manager容器的代码?

文章目录

本文介绍如何使用Google标签助手验证在Google标签管理器Google Tag Manager中设置的容器代码。

这篇文章会通过链接的形式收录在我之前的写的《Google数据分析完整指南》中,这篇指南中包含了Google标签管理器GTM的设置、Google数据分析GA的内容,以及Google自然浏览及收录工具Google Search Console的相关内容。

当我们在Google Tag Manager创建和添加网站的账号和容器之后,我会在容器中添加对应的跟踪代码,比如:

GA4配置代码(用于和GA4数据关联,需要填写GA4的衡量ID)

询盘表单跟踪代码(用于跟踪表单提交事件)

电话号码点击跟踪代码(用于跟踪电话号码点击事件)

邮箱地址点击跟踪代码(用于跟踪邮箱点击事件)

WhatsApp点击跟踪代码(用于跟踪WhatsApp点击事件)

创建好这些跟踪代码之后我们需要通过容器的【预览】检查代码是否Fired,Fired代表代码配置正确可以跟踪到我们配置内容。

image 95 - 如何使用Google标签助手验证Google Tag Manager容器的代码? - NUTSWP

点击预览之后将自动转到标签管理器页面,并弹出需要验证的网站相关的提示,点击【Connect】进行链接

image 96 - 如何使用Google标签助手验证Google Tag Manager容器的代码? - NUTSWP
连接之后将自动跳转到你的网站,并在网站右下角出现标签助手提示。
image 97 - 如何使用Google标签助手验证Google Tag Manager容器的代码? - NUTSWP

先不管这个提示信息,按照我们配置的跟踪代码做相对应的测试。

测试方法如下:

假如你设置表单提交跟踪代码,那么打开网站模拟用户提交一个表单即可;

假如你设置了电话号码点击跟踪代码,打开网站点击网站中的电话号码,点击之后看到调用拨号应用即可,不需要实际进行通话;

假如你设置了邮箱点击跟踪代码,打开网站点击网站中的邮箱地址,点击之后弹出邮件应用程序即可,不需要实际发送邮件;

以此类推……

做完左右测试动作之后,点击网站右下角表单助手弹窗中的【Finish】按钮

image 98 - 如何使用Google标签助手验证Google Tag Manager容器的代码? - NUTSWP

自动返回到标签助手网页中,点击【Continue】按钮继续

image 99 - 如何使用Google标签助手验证Google Tag Manager容器的代码? - NUTSWP

在Fired列表中的,代表是代码配置是OK的。

如果你设置邮件跟踪,在通过标签助手在网站中点击邮件地址之后,在标签助手里面邮件跟踪的标签没有被Fired,那么就需要去检查和修改容器中的邮件跟踪代码设置,直到验证为Fired为止。

image 100 - 如何使用Google标签助手验证Google Tag Manager容器的代码? - NUTSWP

验证成功之后就可以发布容器了,你可以阅读文章《Google Tag Manager容器发布教程》了解如何发布容器。

推荐阅读

Google Tag Manager容器发布教程

本文介绍如何在Google Tag Manager中进行容器发布,容器发布包含了版本管理,这个过程很像软件的发布过程,可以帮助你记录每次修改和调整容器的过程。 这篇文章会通过链接的形式收录在我之前的写

2022最新WordPress网站SEO审查全攻略?

如果想要实现网站持续增长,那么就需要定期对网站进行SEO审核,并对审核结果中需要优化的项目逐一进行优化,本篇文章将介绍如何使用进行网站SEO审核,包含了10项审核的内容。 大部分的内容你可以通过Ran

文章分类
WP建站技术交流群
建站咨询请联系企业微信
建站咨询购买主题插件模板
目录
站长自用主机推荐
优惠码:NUTSWP2023
前三个月享85折优惠
注册无需身份验证
点击下方LOGO注册【无需绑卡】免费试用3天
外贸建站服务
提供外贸建服务:模板建站、定制建站、小语种建站,通过微信联系咨询
建站咨询请联系企业微信