提供基于WordPress外贸建站·技术支持·SEO咨询服务!
文章分类
文章标签

如何使用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容器发布教程》了解如何发布容器。

文章分类
文章标签
文章导航

搜索你想找的内容

建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!