3.1.7、Google Tag Manager基础知识—— GTM Debug

GTM在配置后需要调试,看对应的代码(Tag)是否促发,数据返回正确与否,特别是有代码使用js的时候,会往网页注入代码,因为这段代码是和页面代码一样运行的,如果错误可能会导致站点崩溃。

测试分两种,一种是在线上环境,一个是demo站点

1.正式环境

主要是GTM中右上角的“预览”,页面会出现如图3-33所示的界面,简单的就是模拟过程,然后在GA的实时事件中查看对应的事件是否促发。

图3-33 GTM预览

如果没有,再检查这个页面:

首先是看左侧的,数据类型是单击、还是浏览,主动push event,对应得选择该类型,如果不确定,可以重新模拟操作一次,然后观察左侧促发的类型,选择该类型,一般来说事件监控大部分是单击类型

然后看Tags Fired On This Event中,对应的代码是否被促发,如果没有,找到该代码,看哪个条件有问题,同时看代码中的变量使用的字段是否有值,变量是GTM可以拿到的字段,如果是undefined就是没有值的意思,就是变量没有拿到,需要对变量做修改,如果变量有值,但代码没促发,可以点开该代码,可以看到具体是触发器的哪个位置有错,对应对触发器的定位规则做调整。

最后就是重复上面的过程,直到事件准确促发

2、demo环境

如果在demo上测试,需要在Chrome使用Tag Manager Injector插件。

Tag Manager Injector的用法是将需要测试的GTM的容器ID和网站的域名分别填入下面两个位置,测试时候除了单击GTM右上角的“预览”,还需要在Tag Manager Injector中单击Start,如图3-34所示,需要注意这里测试返回的数据也是在GA里面:

图3-34 demo预览

原文地址:https://www.cnblogs.com/ichdata/p/11721265.html

时间: 2024-07-30 05:15:28

3.1.7、Google Tag Manager基础知识—— GTM Debug的相关文章

3.1 .1、Google Tag Manager基础知识——GTM简介

Google Tag Manager(谷歌代码管理系统,GTM)可以帮助您快速轻松地更新网站或移动应用上的代码和代码段,例如用于流量分析和营销优化的代码和代码段.您还可以通过跟踪代码管理器的界面添加和更新 AdWords.Google Analytics.Firebase Analytics.Floodlight 和第三方代码或自定义代码,而无需修改网站代码.这样既减少了错误,也免除了配置代码时向开发求助的麻烦. 1.GTM工作原理 针对网站的跟踪代码管理器通过其容器代码运行,您需要将容器代码放

3.1.4 、Google Tag Manager基础知识——GTM部署

在了解完GTM账户和容器的操作界面后,对各个位置的功能和操作都有一定的了解,接下来看如何部署GTM跟踪代码. GTM的部署比较简单,获取跟踪代码后布署到所有的页面上即可,下面演示详细的操作步骤. 1.Web端部署 1.新建一个GTM账户 访问GTM的账户账户管理界面,可以新建一个GTM账户,也可以在现有账户中新建一个GTM容器. 这里采用在现有账户中新建一个容器,单击GTM账户右侧中那三点,会出现一个下拉菜单,选择“创建容器”,如图3-5所示: 图3-5 创建容器 选择后会出现如下界面,在“容器

3.1.3 、Google Tag Manager基础知识——GTM界面介绍

了解完GTM的账户管理结构,接下来认识一下GTM的账户和容器的操作界面. 1.GTM账户管理界面 进入GTM可以看到如图3-2所示: 图3-2 GTM账户管理界面 在这个位置可以实现GTM账号创建.修改.设置等功能,具体的各个位置的功能解析见表3-1所列: 表3-1 GTM账户管理界面功能解析 在GTM账户的右上角,单击可以对GTM账号和容器做设置 在GTM账户的右上角,单击会有一个下来菜单,会有以下选项: 2.GTM账户和容器的设置与管理 单击GTM账户右侧的设置图标,可以进入对账户和容器的设

3.1.6 、Google Tag Manager基础知识——GTM中传输数据的模型

GTM中的数据传输模型大体分为两种,一种是代码直接发送给GA,如默认跟踪代码的形式,自定义HTML的形式,通常这种形式的触发器会是All Pages:一种是代码-触发器的形式,即触发器促发了才发送给数据,通常触发器是通过用户单击(单击事件)或页面主动推送自定义事件. 根据触发器触发的类型,也可以分成两种,一种是触发器直接定位,如ga-data,元素定位法等,另一种是需要页面主动推送自定义事件的形式,如虚拟页面跟踪,增强型电子商务等. 原文地址:https://www.cnblogs.com/ic

3.1.8 、Google Tag Manager基础知识——提高效率的方法:命名规则

GTM用的越久,上面的变量.触发器和代码的数量就越来越多,有时候会多到让您吃惊的地步,看了我管理的一个站点的容器变量.触发器和代码量,居然接近1000个了,仔细翻看,有不少都是两三年前的,已经是废弃的了.下面介绍一种在实践中摸索出来的命名规则,如图3-35所示: 图3-35命名规则 变量:开头字母大写.触发器:直接按照顺序,Tag1命名,因为每一个代码一定会需要一个触发器的,这样能跟代码匹配,容易定位.代码:“Tag1-事件名称”的方式,Tag1是为了跟触发器匹配,事件名称表明这个代码的作用,跟

Configuration Manager 基础知识

System Center 2012 Configuration Manager 是 Microsoft System Center 管理解决方案套件的成员,可通过减少手动任务并使你集中处理高价值项目.最大程度地利用硬件和软件投资来提高 IT 效率和生产力,并通过在正确的时间提供正确的软件来提升最终用户生产力.Configuration Manager 可实现安全且可缩放的软件部署.符合性设置管理以及全面的服务器.台式计算机.便携式计算机和移动设备资产管理,从而帮助你提供更高效的 IT 服务.

3.2.4 、Google Tag Manager实战指南——跨站跟踪

在实际的过程中,有时候多个站点需要看成一个站点来评估网站的流量情况,比如同一产品对不同地域使用不同域名,或壳站和主站之间,这就需要对网站做跨域跟踪. 实现原理:每个站点对应一个GTM容器,每个站点在GTM都做同样配置,将不同站点的数据向同一个GA的媒体资源发送,代码中的allowLinker和CookieDomain是解决不同站点同一用户的识别问题,用户在跨站的时候将用户唯一标示clientid传递到另一个站点共用,从而解决跨站用户唯一性的问题,具体的配置图解如图3-44,图3-45所示: 图3

3.2.8 、Google Tag Manager实战指南——虚拟页面跟踪单页应用

1.什么是单页应用? 单页应用就是指浏览器访问站点的时候,使用期间不会重新加载页面,给用户的看到的是所有URL就是一样的,有体验原生APP的感觉,这是一种从Web服务器加载的富客户端. 2.单页应用的优点: 一次开发,多端兼容,大大减少了开发的工作量. 减轻服务器压力,只提供数据. 前后端分离,各司其职,这个应该不算是特有的优点. 虽然单页应用还是有部分缺点,但是优点大于缺点,所以深受开发者的喜爱,单页应用在移动端上盛行.由于单页应用使用过程中不会重新加载页面,给采用页面加标签技术的跟踪方案带来

3.2.10、Google Tag Manager实战指南—— 获取用户IP

众所周知,GA里面是没有提供IP这个字段的,而且也明文规定不准上传能够识别用户的信息.但是很多用户,特别是大陆地区的用户在习惯了百度统计提供IP用于用户计数,也希望GA能够获取的到用户IP,实际上是可以实现的,但是不要明文上传IP,做些装饰,还是可以实施的.获取IP还有一个实用的作用就是可以用于垃圾流量的分析,如某个IP的访问很多,跳出率很高,那这个基本就可以判定是刷量. 原理:用js去通过第三方API查询获取得到用户的IP的信息,然后将IP加密写入Cookie,再通过GTM读取第一方Cooki