2015年3月9日 | 标签:

上次提到如何不写代码的情况下 追踪下载连接及出站连接

现在讲解如果跟踪表单的填写情况

以下以一个留学网站的表单填写为例

1,分析表单情况,

可以看到这个表单有6个输入项组成,2个输入框(姓名 邮箱)3个下拉框(省份/城市 课程 上课地点) 1个提交按钮

所以我需要针对用户每一个互动 触发一次GA的事件 通过的方法就是GTM的点击事件 找到每个元素的特殊符

然后回传ga的 event 数据

form-layout

 

2 以姓名为例  我们使用google 浏览器 右键点击查看元素 来分析这个元素的特征

可以看到它是一个input元素 它的特征字符 一个class属性里面有一个 form-text

所以 我们可以构建一个click class (GTM V2) element class(GTM V1) 包含form-text 这个条件结合点击触发 来达到触发GA事件跟踪的目的

rule set for input field

 

3再GTM里面添加代码

3-1 event 代码增加

打开GA 选择GA代码  track type 选择event 然后会需要我们选择类型

这里的event catagory   event action是必填项目 我们可以把lable输入{{element id}} 这里就会得到上面那个input元素的id属性的值

既edit-submitted-name 这样我们就可以在GA里面看到这个事件的 类型是form submit 动作是input text 值是edit-submmited-name

然后我们要添加这个代码的触发条件  这里也是容易错的地方

 


event tracking

 

 

3-2 clicklisten代码增加

再v1版本里面触发条件我们要做1个,第一个就是增加一个click listener的监听代码 这个增加在首页

如下图所示

 

 


homepage click lisenter

 

4 在GTM里面添加代码的触发条件

我们要选择事件是gtm.click 这个也就是我们之前添加了clicklisent 才会知道这个事件

同时选择element class 包含 form text

如果只要追踪首页form 还再加一个 url path 等于/


rule set for input field

 

 

到此 当我们鼠标点击了姓名这个输入框

GA的报告里面就会出现一次事件

其他输入项目 同理都是这样做的

 

总结下

1,实际操作用 都用debug和preview查看下变量的传递

2  尽快升级到V2 版本 实施更简单

3 如果碰到需要返回的值不再系统里面 比如element name, element type 这些都不是系统自带的变量 需要在datalayer里面固件一个gtm.element.name

这样就可以通过event回传数据

4 实在没办法 最傻的就是每一个输入框 用一种event代码来做

5实在想批量来操作 比如有50个输入项目 不可能一个个添加代码 那么就用google的 审核元素 然后查元素的property 里面只要能找到的属性

例如innerhtml 这样在 datalayer里面就可以构建了

2015年3月9日 | 标签:

使用了这么久的GTM 一直是自己在摸索

就连知道调试方法也是 无意间发现

今天发现了我的触发器的逻辑关系的误区

一直以来我以为一个触发器代表一个条件

如果我需要设置多个条件同时满足 我需要设置多个触发器

 

其实不是这样,其实只需要一个触发器就可以,在一个触发器里面可以通过增加不同的条件 来达到同时满足的目的

只有当满足或者关系的时候 再需要添加2个触发器

 

如图所示

以下是GTM V2 里面所有的代码及对应的触发条件

第一个代码他有1个触发条件

第2个代码有3个触发条件(不代表要同时满足这3个才会触发,而是只要满足3个中其中一个就会触发)


1vs3

 

 

 

 

如果需要针对触发条件的与关系 既同时满足这些条件

只用在一个触发器下不断的点击 加号  达到满足多个条件

切记不要生成多个条件的或 关系

 

3critical

总结如下

 

GTM的用户体验是提升 但是还是容易犯错

当我生成代码的时候 添加条件 在下图添加条件 很容易我就会犯错 我想当url满足某一个页面上

同时点击某一个按钮的id为2的时候的条件 但实际上这样做 就是错的

必须创建一个点击条件 然后在里面再加上url满足某一个条件 及

条件的同时满足写在一个里面

条件的或者满足 写在多个触发器里

zongjie

2015年3月3日 | 标签:

Google Tag Manager是个好东西,以下是本人使用了1年的总结

先介绍下他的FAQ

 

Google Tag manager(TGM)是什么

他是一个网页代码管理平台,你只需要嵌入一段代码到网站的页面

就可以通过网页代码管理平台管理网站上所有跟踪代码 实现一站式管理多个公司的广告分析代码

TGM的使用对象

各大网站维护公司及数据分析公司及IT技术人员

偏代码执行

TGM有什么好处

一个帐号,就可以管理实时的管理网站上所有的跟踪代码 特别对于大型的网站上需要频繁部署不同广告检测代码的需求 的部署非常快捷

同时不需要IT介入就可以通过点几下鼠标就可以使用GA的事件追踪(站外链接监控,文件下载监控,表单填写监控)及电子商务功能(需要IT)

 

 

案例,

以下就用实际案例介绍下GA结合TGM的事件追踪pdf文件下载 其他类型文件下载依照这个例子

1,注册TGM账户 生成网站账户,

2创建容器

3在容器内创建GA的代码 tag类型是pageview 选择触发条件是每页

4,增加ga代码 选择tag类型是event tracking  配置参数

  • tracking id是ga的一样
  • 跟踪类型 不再是pageview 而是event
  • catagory 写click-download-pdf(在GA里面发回一个event数据最少要输入catagory和action的值)
  • action这里 我写的是一{{click text}} 这里其实是一个变量,你可以下拉框里选取,如果没这个选项在变量里面选择click常用变量 这里的值会用点击的对象的url 比如你在网站上点了一个 文字栏 手册下载  对于的url是 www.abc.com/edf.pdf 这里的click text就是 手册下载 click url就是www.abc.com/edf.pdf
  • laber写的是from-{{page url}}这里也是一个变量 写的其实是当前你访问的页面的url  这样我就知道下载的文件都是从那个页面下载的
  • fire on选项我要创建一个triger 就是触发这个的行为 我选择的是click 然后en enable when我选择的是page url   .*其实就是所有页面这里只所有需要加一个触发条件是因为现在代码的执行,如果每个页面都要判断一次 其实是浪费资源,一般可以限制在特定下载页面再监控这个点击的动作  因为我的目的是监控pdf下载 只有一个页面有 为了监控一个页面的行为 我对所有页面都进行判断其实是很低效率的
  • click url 上面已经解释 这里以pdf结尾 如果要监控用户点击图片 可以以jpg结尾
  • 最后要preview下

以下是代码设置方法 用来选择跟踪工具的类型及追踪数据的类型 这里是文件下载的代码

Google Tag Manager-pdf download-tag

以下是触发器设置方法 用来控制代码在那个页面执行以及什么情况下执行

Google Tag Manager-pdf download

 

案例2 跟踪出站连接

 

以下是代码设置方法 用来选择跟踪工具的类型及追踪数据的类型 这里是出站连接的代码

1选择代码类型 还是event tracking 后前面写法一样

2 catagory里面写好是outbound link

Google Tag Manager-outboundlink tag

 

以下是触发器设置方法 用来控制点击的连接不是包含当前域名的

阅读全文…