我的编程空间,编程开发者的网络收藏夹
学习永远不晚

js不同客户端显示不同广告(pc端+移动端+微信端)

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

js不同客户端显示不同广告(pc端+移动端+微信端)

核心代码

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=\'/file/imgs/upload/202302/09/j1tilirhaak.jpg\' width=\'300\' height=\'250\' /></a>");
document.writeln("        </div>");
document.writeln("    </div>");
document.writeln("</div>");
}

到此这篇关于js不同客户端显示不同广告(pc端+移动端+微信端)的文章就介绍到这了,更多相关js不同客户端显示不同广告内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

js不同客户端显示不同广告(pc端+移动端+微信端)

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

js不同客户端显示不同广告(pc端+移动端+微信端)

这篇文章主要介绍了js不同客户端显示不同广告(pc端+移动端+微信端),比较适合自适应网站的广告,需要的朋友可以参考下
2023-02-09

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

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

编程热搜

目录