js不同客戶端顯示不同廣告(pc端+移動(dòng)端+微信端)

更新時(shí)間：2023年02月09日 20:57:40 投稿：mdxy-dxy

這篇文章主要介紹了js不同客戶端顯示不同廣告(pc端+移動(dòng)端+微信端),比較適合自適應(yīng)網(wǎng)站的廣告，需要的朋友可以參考下

核心代碼

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']='移動(dòng)端廣告代碼';
wex['single_question_banner']='微信端廣告代碼';
// 標(biāo)題頭部
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]);
}

具體的代碼大家自行參考。代碼比較簡(jiǎn)單，主要是通過數(shù)組定義廣告代碼。

js如何實(shí)現(xiàn)廣告在pc端顯示，移動(dòng)端不顯示

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=\'http://yookee.cc/\' target=\'_blank\'><img src=\'/ad1/14690989051188.gif\' width=\'300\' height=\'250\' /></a>");
document.writeln("        </div>");
document.writeln("    </div>");
document.writeln("</div>");
}

到此這篇關(guān)于js不同客戶端顯示不同廣告(pc端+移動(dòng)端+微信端)的文章就介紹到這了,更多相關(guān)js不同客戶端顯示不同廣告內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

一篇文章教你寫出干凈的JavaScript代碼
JavaScript一種直譯式腳本語言,是一種動(dòng)態(tài)類型、弱類型、基于原型的語言,內(nèi)置支持類型,下面這篇文章主要給大家介紹了如何通過一篇文章教你寫出干凈的JavaScript代碼,需要的朋友可以參考下
2021-09-09
一段多瀏覽器的"復(fù)制到剪貼板"javascript代碼
一段多瀏覽器的"復(fù)制到剪貼板"javascript代碼...
2007-03-03
AjaxFileUpload.js實(shí)現(xiàn)異步上傳文件功能
這篇文章主要為大家詳細(xì)介紹了AjaxFileUpload.js實(shí)現(xiàn)異步上傳文件功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-04-04
深入理解jQuery()方法的構(gòu)建原理
對(duì)于JQuery，想必大家都很熟悉。目前，很多web項(xiàng)目，在實(shí)施的過程中，考慮到各瀏覽器原生JS API的兼容性，大都會(huì)選用JQuery或類似于JQuery這樣的框架來進(jìn)行網(wǎng)頁效果開發(fā)。這篇文章將給大家深入介紹jQuery()方法的構(gòu)建原理，有需要的朋友們可以參考借鑒。
2016-12-12
一文搞懂JavaScript中bind,apply,call的實(shí)現(xiàn)
bind、call和apply都是Function原型鏈上面的方法，因此不管是使用function聲明的函數(shù)，還是箭頭函數(shù)都可以直接調(diào)用。本文就帶你看看如何實(shí)現(xiàn)bind、call和apply
2022-06-06
如何優(yōu)雅地取消 JavaScript 異步任務(wù)
這篇文章主要介紹了如何優(yōu)雅地取消 JavaScript 異步任務(wù)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-03-03
javascript 組合按鍵事件監(jiān)聽實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript 組合按鍵事件監(jiān)聽實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
2017-02-02
javascript中this關(guān)鍵字詳解
本文介紹了javascript中this關(guān)鍵字，并將有關(guān)this的關(guān)鍵字知識(shí)列成一個(gè)list，會(huì)有助于我們理清思路，是一個(gè)很好的學(xué)習(xí)方法。強(qiáng)烈推薦。
2016-12-12
手動(dòng)實(shí)現(xiàn)js短信驗(yàn)證碼輸入框
本文記錄一下自己手動(dòng)實(shí)現(xiàn)的一個(gè)前端常見的短信驗(yàn)證碼輸入組件，從需求到實(shí)現(xiàn)逐步優(yōu)化的過程。具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06
原生javascript圖片自動(dòng)或手動(dòng)切換示例附演示源碼
圖片自動(dòng)或手動(dòng)切換，想必會(huì)在很多地方有見過吧，本文將為大家介紹的是使用原生javascript實(shí)現(xiàn)的焦點(diǎn)圖切換，感興趣的朋友可以參考下
2013-09-09