如何根据不同的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