• 加入Google Analytics、Google Tag Manager QQ群一起交流谷歌分析小站—总群
  • 加入Adobe Analytics、Adobe Launch交流群,加入请附上Adobe的组织ID,没有请勿加Adobe Analytics交流群
  • Google Analytics和Google Tag Manager视频课程第三版http://ke.ichdata.com/course/50

如何通过在页面元素添加ga-data跟踪用户行为

google tag manager GA小站 4年前 (2016-07-08) 19328次浏览 已收录 0个评论

在实际使用过程中,有时候需要知道导航栏不同栏目有多少人点击,注册表单每个输入框有多少人填写了,像这类量大的,如果通过页面元素定的方式,需要设置很多个触发器和代码,有时候甚至页面元素由于页面架构原因定位不了的情况存在,而且不便于管理,在这里可以使用ga-data的方式实现上述目标,而且方便管理

原理:通过自定义js获取页面固定属性的数值,再将数值通过对照表转义成对应的具体行为,在Trigger通过设置数值范围设置促发条件,新建Tag即可。
如何通过在页面元素添加ga-data跟踪用户行为
实现流程:
1、web上加ga-data属性:将鼠标移至需要监控的位置,点击右键查看具体代码位置加入ga-data属性。
如何通过在页面元素添加ga-data跟踪用户行为

2、自定义JS:此js是获取web页面的固定属性

function() {
	var elem = {{element}},
	    attr = "ga-data", // change this to the attribute that you want to get
        result = (elem.getAttribute && elem.getAttribute(attr)) || null;

	if( !result ) {
		var attrs = elem.attributes,
			l = attrs.length;
		for(var i = 0; i < l; i++) {
			if(attrs[i].nodeName === attr)
				result = attrs[i].nodeValue;
                }
	}

	return result;
}

如何通过在页面元素添加ga-data跟踪用户行为
更改attr后面的属性可以获取全局不同属性。

3、对照表:将前面获取的ga-data的属性里面的具体数值转化成对应的具体行为,一般数值范围选用顺序构造,方面后面设置Trigger的时候确定促发条件
如何通过在页面元素添加ga-data跟踪用户行为

4、设置Trigger:设置触发条件范围,目标中使用的是所有元素,如果确定点击的是链接,可以选用链接,促发条件就是前面的数值范围
如何通过在页面元素添加ga-data跟踪用户行为

5、设置tag
如何通过在页面元素添加ga-data跟踪用户行为

6、测试发布
在Debug测试无异常后即可发布
用这种方法可以简化页面代码的部署,维护方便,后面只需在需要跟踪的位置添加ga-data就可以。
用途:
表单优化
导航栏的使用
ABtest
追踪用户具体的点击

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

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

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