关于前端数据埋点的分享

最新推荐文章于 2024-02-26 17:10:11 发布

weixin_34318272

最新推荐文章于 2024-02-26 17:10:11 发布

阅读量236

点赞数

文章标签：前端 json python ViewUI

原文链接：https://my.oschina.net/hehongbo/blog/811999

版权

2019独角兽企业重金招聘Python工程师标准>>>

需求：统计网页页面中的车辆点击，点击了哪台车？这台车在页面的哪个位置。

点击车辆的按钮有两种形式：

<a href="h5AlertController/index?serialId=4766&carId=121572&minimum=15.88-25.48&maximum=16.38-25.98&brand=广汽&channel=${pd.channel}&appsku=${pd.appsku}&key=${pd.key}&zt=${pd.zt}&rz=y" carName="传祺GS8" pos="7" class="ask-btn">询底价</a>

<a href="http://trade.m.huimaiche.com/order/auction/order/indexv2?carid=118473&page=skutod&tracker_u=1050_cyb#carSelector" carName="哈弗h9" serialId="3962" carId="118473" pos="5" class="ask-btn">询底价</a>

页面埋点的js：

<script src="http://xxxxxxxxxx/cybcargr/static/1.9.1/pageLogs.js" id="pageLogs" channel="${pd.channel}" appsku="${pd.appsku}" key="${pd.key}" zt="${pd.zt}" type="text/javascript" ></script>

统计的js：


var URL_page = "http://120.77.101.21/cybcargr/";
// 只能使用get方式，post方式后台接收不到数据
function getData(type, functionName, requestdata){
	return $.ajax({
        type: type,
        url: functionName,
        dataType: "json",
        //contentType: "application/json;utf-8",
        data: requestdata,
        timeout: 6000
    });
};
$(function(){
	// 获取url参数
	function GetQueryString(url,name)
	{
	     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
	     var r = url.match(reg);
	     if(r!=null)return  unescape(r[2]); return null;
	}

	var pageLogs=$("#pageLogs");
	var channel=pageLogs.attr("channel");
	var appsku=pageLogs.attr("appsku");
	var key=pageLogs.attr("key");
	var zt=pageLogs.attr("zt");
	var url=window.location.href;
	
	getData("post", URL_page+"h5PageLogs/saveSubject", {channel:channel, appsku:appsku, key:key, zt:zt, url:url})
    .done(function (response) {
        //alert("===:"+response);
	 });
		
	// 给所有有carName属性的a标签绑定click事件！！！
	$("a[carName]").bind("click",function(){
		var href = $(this).attr("href");
		var carName = $(this).attr("carName");
		var position = $(this).attr("pos");
		
		//alert(position);

		var hrefs=href.split("?");

		var serialId = GetQueryString(hrefs[1],"serialId"); 
		var carId = GetQueryString(hrefs[1],"carId");
//		alert(serialId);
//		alert(carId);
		
		if(serialId==null){
//			alert("serialId为null");
//			http://dealer.h5.yiche.com/MultiOrder/1765/113516/?leads_source=H001005&WT.mc_id=mcheybh5&tele=1
//			alert(hrefs[0]);
			var hrefInfo = hrefs[0].split("/");
//			alert("serialId="+hrefInfo[hrefInfo.length-3]);
//			alert("carId="+hrefInfo[hrefInfo.length-2]);
			serialId = hrefInfo[hrefInfo.length-3];
			carId = hrefInfo[hrefInfo.length-2];
		}
		
		if(isNaN(serialId)){
		    //alert('不是数字！'+serialId);
		    serialId = $(this).attr("serialId");
			carId = $(this).attr("carId");
		}
		
		if(serialId=="auction"){
			serialId = $(this).attr("serialId");
			carId = $(this).attr("carId");
		}
		
		getData("post", URL_page+"h5PageLogs/saveClick", {channel:channel, appsku:appsku, key:key, zt:zt, serialId:serialId, carId:carId, carName:carName, position:position})
	    .done(function (response) {
	        //alert("saveClick:"+response);
		});
	});

});

转载于:https://my.oschina.net/hehongbo/blog/811999