如何根据不同的URL参数实现调用不同的URL链接

2017年2月15日 2311点热度 0人点赞 1条评论

如何根据不同的URL参数实现调用不同的URL链接

为了监控搜索推广的转化,特别是咨询转化,设置不同的着陆页。虽然着陆页带有参数,但是着陆页的链接,有时候并不清楚是经过推广链接后点击进入的,还是自然搜索或是直接打开着陆页后点击进入的。当然,这个问题,有很多种解决方法,有些通过谷歌分析的设置解决,有些技术人员通过百度统计或是其他统计分析工具设置进行解决。现在分享记录一下个人的操作经验,可能不是那么简洁方便,但是技术小白,还是可以做得很实用。

首先,使用Javascript获取当前的URL参数,代码如下:


<script>
//获取当前url的参数值
function getRequest(name){ 
	var url = location.href;  
	var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");  
	var paraObj = {};
	for (i=0; j=paraString[i]; i++){  
		paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);  
	}
	var returnValue = paraObj[name.toLowerCase()];  
	return typeof(returnValue)=="undefined" ? "" : returnValue;
}
</script>

检测网页是否可以获取URL参数用法:


<script>
// 用法例子
var hmsr = getRequest("hmsr");
document.write(hmsr);
</script>

然后,通过JQuery进行判断增加HTML属性,代码如下:


<script>
$(document).ready(function() {
   //将URL参数传递给定义的参数
   var hmsr = getRequest("hmsr");
   //判断参数是否为空,如果是空,则添加href值为url1
   if(hmsr==null || hmsr==""){  
	$("#link").attr("href","url1");
   //如果不是空,则添加href值为url2		
   } else {  
	$("#link").attr("href","url2");		
   }
});
</script>

如此就可以实现了不同的URL来源,某个链接可以实现不同的URL。

演示:推广链接 | 自然链接 查看页内链接参数变化

如果需要实现在原来的URL上增加参数,可以使用以下代码:


<script>
$(document).ready(function() {
   //将URL参数传递给定义的参数
   var hmsr = getRequest("hmsr");
   //判断参数是否为空,如果是空,则添加href值为url1
   if(hmsr==null || hmsr==""){  
	$("#link").attr("href", function(i,origValue){ return origValue + "?utm_source=outlink"; 
    });
   //如果不是空,则添加href值为url2		
   } else {  
	$("#link").attr("href", function(i,origValue){ return origValue + "?utm_source=ppc";  });	
   }
});
</script>

本站原创内容,转载请注明出处及链接:艾码汇 https://www.imahui.com/extension/456.html

WPTalk

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论