当前位置：网站首页 > 电脑知识 > 文章当前位置：电脑知识 > 文章

如何让网站在手机和PC上分别显示不同的联盟广告

时间：2017-10-30 点击：次来源：网络作者：佚名 - 小 + 大

其实很简单,无非就是判断,和显示,下面我直接给出代码.在需要放广告的位置直接加入以下代码：

	<script> 

	var url = location.search; 

	url = url.substr(1); 

	var bs={ 

	versions:function(){ 

	var u = navigator.userAgent, app = navigator.appVersion; 

	return { 

	trident: u.indexOf('Trident') > -1,  

	presto: u.indexOf('Presto') > -1, 

	webKit: u.indexOf('AppleWebKit') > -1,  

	gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,  

	mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/),  

	ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),  

	android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,  

	iPhone: u.indexOf('iPhone') > -1, 

	iPad: u.indexOf('iPad') > -1          

};

	}(), 

	language:(navigator.browserLanguage || navigator.language).toLowerCase() 

}

	var flag = true; 

	if(bs.versions.mobile && url!='mobile'){ 

	if(bs.versions.android||bs.versions.iPhone||bs.versions.iPad||bs.versions.ios){ 

	flag=false; 

}

}

	if(flag){ 

	/*960*60 pc广告创建于 2015-07-26*/ 

	var cpro_id = "u2dsadas314";   

	document.write("<script src='http://cpro.baidustatic.com/cpro/ui/c.js' type='text/javascript'></sc"+"ript>"); 

	}else{ 

	/*20:3 移动广告创建于 2015-07-28*/ 

	var cpro_id = "u223dsada09"; 

	document.write("<script src='http://cpro.baidustatic.com/cpro/ui/cm.js' type='text/javascript'></sc"+"ript>"); 

}

	</script> 

最上面这块代码就是用来区分访问类型的,大家可以看到有Android、ipad、iphone、linux什么的

然后下面有个判断,大家直接把PC和手机广告放里面就可以了.

pc是上面的代码块,手机的是下面的代码块,然后引js的格式不要改我的,不然你会报错的,只需替换内容即可.