js怎么实现不同客户端显示不同广告

这篇文章主要介绍“js怎么实现不同客户端显示不同广告”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“js怎么实现不同客户端显示不同广告”文章能帮助大家解决问题。

核心代码

var IsSpider=/spider|bot/ig.test(window.navigator.userAgent);
var IsMobile=/ipad|iphone|ipod|android|mobile/ig.test(window.navigator.userAgent);
var IsWeixin=/micromessenger/i.test(window.navigator.userAgent);

var i;
web=[];
mob=[];
wex=[];
// 提问头部
web['single_question_banner']='pc端广告代码';
mob['single_question_banner']='移动端广告代码';
wex['single_question_banner']='微信端广告代码';
// 标题头部
web['single_question_bottom']='';
mob['single_question_bottom']='';
wex['single_question_bottom']='';

if (IsMobile) {
	for (i in web) {
	  web[i] = mob[i];
	}
}

function growing(id) {
    if(IsSpider)return;
    document.writeln(web[id]);
}

js如何实现广告在pc端显示，移动端不显示

var browser={    
		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.toLowerCase().indexOf('android') > -1 ,   
					iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,               
					iPad: u.indexOf('iPad') > -1,               
					webApp: u.indexOf('Safari') == -1           
				};
				}()
}
if (!(browser.versions.android || browser.versions.ios || browser.versions.iPhone || browser.versions.iPad)){
 
document.writeln("<div class=\'float_layer\' id=\'miaov_float_layer\' style=\'z-index:10001;\'>");
document.writeln("    <div class=\'content\'>");
document.writeln("        <div class=\'wrap\'> ");
document.writeln("        <a href=\'https://cache.yisu.com/upload/information/20230209/112/9582.gif\' width=\'300\' height=\'250\' /></a>");
document.writeln("        </div>");
document.writeln("    </div>");
document.writeln("</div>");
}

关于“js怎么实现不同客户端显示不同广告”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。