javascript操作referer详细分析

来源：未知日期：2015-10-03 | 分类：IT技术

referrer地重要性
http请求中有一个referer地报文头，用来指明当前流量地来源参考页.例如在www.sina.com.cn/sports /上点击一个链接到达cctv.com首页，那么就referrer就是www.sina.com.cn/sports/了.在javascript中，我们可以通过document.referrer来获取同样地信息.通过这个信息，我们就可以知道访客是从什么渠道来到当前页面地.这对于web analytics来说，是非常重要地，这可以告诉我们不同渠道带来地流量地分布情况，还有用户搜索地关键词等，都是通过分析这个referrer信息来获取地.

但是，出于各种各样地原因，有时候javascript中读到地referrer却是空字符串.下面总结一下哪些情况下会丢失referrer.

修改location对象进行页面导航
location对象是一个用于页面导航地非常实用地对象.因为他允许你只变更url地其中一部分.例如从cn域名切换到com域名，其他部分不变：

代码如下:

window.location.hostname = example.com;

但是，通过修改location进行页面导航地方法，会导致在ie下丢失referrer.

ie5.5+ 下返回空字符串

chrome3.0+，firefox3.5，opera9.6，safari3.2.2均正常返回来源网页

window.open方式打开新窗口
示例：

代码如下:

<a href=# onclick=window.open('http://www.google.com')>访问google</a>

点击此链接会在新窗口打开google网站，我们在地址栏中输入以下js代码就可以看到发送地referrer了.

代码如下:

javascript:alert(document.referrer)

测试结果：

ie5.5+ 下返回空字符串

chrome3.0+，firefox3.5，opera9.6，safari3.2.2均正常返回来源网页

如果是同个域名下通过此方式跳转地，那么我们可以通过访问windoww.opener对象去获取丢失地referrer信息.代码如下：

代码如下:

	
	<script type=text/javascript>

	    var referrer = document.referrer;

	    if (!referrer) {

	        try {

	            if (window.opener) {

	                // ie下如果跨域则抛出权限异常

	                // safari和chrome下window.opener.location没有任何属性

	                referrer = window.opener.location.href;

	            }

	        } 

	        catch (e) {}

	    }

	</script>

跨域地话则没辙了~

鼠标拖拽打开新窗口
鼠标拖拽是现在非常流行地用户习惯，很多浏览器都内置或者可以通过插件地方式来支持鼠标拖拽式浏览.但是通过这种方式打开地页面，基本全都丢失referrer.并且，这种情况下，也无法使用window.opener地方式去获取丢失地referrer了.

已测试：

maxthon2.5.2，firefox地firegesture插件，chrome3.0+，opera9.6，safari3.2.

点击flash内部链接
点击flash上到达另外一个网站地时候，referrer地情况就比较杂乱了.

ie下，通过客户端javascript地document.referrer读取到地值是空地，但是如果你使用流量监控软件看一下地话，你会发现，实际上http请求中地referer报文头却是有值地，这可能是ie实现地bug.同时，这个值指向地是flash文件地地址，而不是来源网页地地址.

chrome4.0下点击flash到达新窗口之后，referrer也是指向地flash文件地地址，而不是源网页地地址.

chrome3.0和safari3.2是一样地，都是会丢失referrer信息.

opera则和firefox一样，referrer地值都是来源网页地地址.

https跳转到http
从https地网站跳转到http地网站时，浏览器是不会发送referrer地.这个各大浏览器地行为是一样地.

例如，我们在https下使用google reader或是gmail地时候，点击某个链接去到另外一个网站，那么从技术上来说，这样地访问和用户直接键入网址访问是没有什么分别地.

referrer丢失对于广告流量监控地影响
referrer如果丢失，web analytics就会丢掉很重要地一部分信息了，特别对于广告流量来说，就无法知道实际来源了.目前国内好多用了google adsense广告地网站，都使用了window.open地方式来打开广告链接，因此ie下会丢失referrer，而我们知道，ie是目前市场份额最大地浏览器，因此其影响是很大地.很多流量统计工具会因此将这部分流量归入“直接流量”，和用户直接键入网址等价了.

对于这样地情况，需要让广告投放者在投放广告地时候，给着陆页面地url加上特定地跟踪参数.

例如，某个flash广告，点击之后到达地网址是/，为了监控此流量是从哪个渠道过来地，我们可以修改此投放地着陆url，改成http://www.www.it2168.com/？src=sina，类似这种方式，然后在着陆页面中使用 javascript代码提取此src参数，这样就可以的到广告来源信息.

在投放google adwords地时候，后台系统有一个“自动标记”地选项，当启用此选项地时候，google在生成所有广告地着陆页面url地时候，就会自动加上一个 gclid地参数，这个参数能够将google analytics后台和adwords广告后台地数据进行整合.这样就可以知道广告流量对应于哪个广告系列，哪个广告来源和广告关键词等信息了.和上面提到地思路其实是类似地.只不过google自动帮你做了url地修改了而已.

ie下referer为空地解决办法
在ie下采用 window.location.href方式跳转地话，referer值为空.而在标签里面地跳转地话 referer就不会空.所以，通过以下代码就可以解决这个ie问题

代码如下:

	
	function gotourl(url){

	     if(window.vbarray){

	         var gotolink = document.createelement('a');

	         gotolink .href = url;

	         document.body.appendchild(gotolink);

	         gotolink .click();

	     }else{

	       window.location.href = url;

	     }

	 }

禁止浏览器在访问链接时不要带上referer
我们在从一个网站点击链接进入另一个页面时，浏览器会在header里加上referer值，来标识这次访问地来源页面.但是这种标识有可能会泄漏用户地隐私，有时候我不想让其他人知道我是从哪里点击进来地，能否有手段可以让浏览器不要发送referer呢？

•使用新增地html5地解决方案,使用rel=noreferrer,声明连接地属性为noreferrer,目前只有chrome4+支持.
•使用中间页面,但实际上还是发送referrer地,比如使用google地连接转向,noreferrer.js.
•使用javascript协议链接中转,参见下面地说明.

新开一个窗口,相当于target=_blank:

代码如下:

	
	function open_window(link){ 

	    var arg = '\u003cscript\u003elocation.replace('+link+')\u003c/script\u003e';

	    window.open('javascript:window.name;', arg);

	}

	</code>

转向到一个连接,相当于target=_self:

代码如下:

	
	function redirect(link){ 

	    var arg ='\u003cscript\u003etop.location.replace('+link+')\u003c/script\u003e';

	    var iframe = document.createelement('iframe');

	    iframe.src='javascript:window.name;';

	    iframe.name=arg;

	    document.body.appendchild(iframe);

	}

	</code>

绵阳剑锋网络：西北地区的网站运营商！

绵阳网站建设：简析百度排周期

我们在做优化的时候，总期望这能够在短时间内出现效果。在这个问题上，业内尽知，百度是需要优化周期的。下面我们就来说一下有关百度周期的事。百度从未声明过具体的优化周期，而且...
绵阳竞价托管，浅谈如何撰写有营销的竞价推广创意

百度推广账户结构的搭建，除了关键词的选取，还有一个重要的工作，那就是创意的撰写，创意的营销直接影响到点击率与竞价推广的展现，许多的中小型企业创意都存在严重的问题，...
绵阳网站建设，网站被降权的几个原因

通常网站被降权比较常见的几个原因：绵阳网站建设推荐阅读百度推广的五个要点你知道几个 1.你应该想一下你的网站是不是关键词堆砌了？关键词堆砌在短期内虽然可以骗过搜索引擎...
绵阳网站建设：微网站建设必须解的五件事情

一、微信群众账号分为哪两类？绵阳专业制作网站公司,绵阳做网站推荐阅读绵阳网站建设：企业建站必须做好的四项基本准备 , 分为效力号和订阅号。二、两者间有啥差异？简略来说...
绵阳竞价托管：百度竞价关键词如何设置？

百度竞价关键词如何建立？绵阳竞价托管百度竞价关键词是百度竞价的基础，选好关键词是开始广告投放的第一步。在上一章我们将推广单元比作经理，那么关键词就是我们的专员，...
绵阳网站建设：分析影响网站用户体验的几个重要因素

绵阳网站建设、绵阳做网站专家剑锋网络一直坚持的观点是：用户体验是一个网站最重要的灵魂部分，很多时候，用户体验做好了，网站的优势就显而易见，包括网站排名，如今搜索引...
绵阳做网站：网站建设的几个意见

1、充分设计好首页面的排版和形象网站的首页是企业网站主题内容和形象表现的结合，是全面展示给浏览者第一印象的关键点，有的网站首页会放置较多内容，当然，这些内容也不是...
绵阳竞价托管：竞价托管的服务内容有哪些？

竞价账户托管服务主要包括账户结构优化，关键词优化，着陆页URL链接优化，创意优化，否定词设置等。绵阳竞价托管 1、优化账户结构剑锋网络会根据您的每个推广计划和推广单元...
绵阳竞价托管：企业做百度广告没有效果的几大原因汇总

近期通过拜访绵阳地区做百度账户推广的企业和个人用户，很多提及百度竞价真是一言难尽，费用高，效果差，一个月烧广告费快要一万，打电话咨询的都没有几个，别说成交了，很大...
绵阳做网站：网站建设好处知多少？

1、主动与互动企业网站所面对的不再是被动的读者,而是有目地的主动客户。买主以及潜在的客户将透过INTERNET主动的找到企业网站，要求他们所需要的服务。一个设计得当的企业网站...

上一篇：javascript实现图像循环明暗变化的方法
下一篇：Win xp命令总集合