页面tracking日志的简单封装代码

代码很简单,仅供参考:

/**
 * @author duanzhihe
 * @description tracking ctr
 */
 //发送log的函数
function triggerTracking(ctrInfo){
	ctrInfo.pageName =  $('body').attr('pageName') || '';
        //发送log的地址,这里采用的是nginx下的一个插件打log日志来完成的
	$.get('http://*****.com/empty.gif?'+$.param(ctrInfo));
}
 $(function(){
 	$.fn.tracking = function(){
 		this.each(function(i,el){
 			var ctrInfo = $(el).attr('ctr');
 			//无ctr的时候不去发送处理
 			if(ctrInfo){
 				ctrInfo = JSON.parse(ctrInfo);
		 		triggerTracking(ctrInfo);
 			}	
 		})
 		return this;
 	}
 	//绑定点击事件
 	$('body').on('touchstart', '.ctr-track', function(e){
		$(this).tracking();
	});

 	//展现时触发
 	$('.ctr-track-show').tracking();
 });

简单的html代码部分,备注下面的js资源走的是相对路径!

<!DOCTYPE html>
<html>
<head>
	<title>tracking test</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body pageName="ctrTest">	
	<div class="ctr-track" ctr={"a":"test","b":"test2"} >点击我触发tracking</div>
	<div class="ctr-track-show" ctr={"show":"treue"}>展现的时候触发tracking</div>
	<script type="text/javascript" src="libJs/zepto.js"></script>
	<script src="pluginJs/tracking.js"></script>
	<script>
		//代码执行tracking,一般用于执行某个逻辑后触发
		triggerTracking({
			testTrigger : 'testst'
		})
	</script>
</body>
</html>

感谢看完指鹤文章,希望指鹤的文章对您有所帮助。

闲暇时,指鹤喜欢写一些文章,部分发表在了豆瓣,若是您对此感兴趣,您可以点击下面连接支持下指鹤,指鹤在此表示感谢了

绝命笔记 一封匿名信引发的追寻 迷案追凶 量子危机

Leave a Reply