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=\'http://yookee.cc/\' target=\'_blank\'><img src=\'/ad1/14690989051188.gif\' width=\'300\' height=\'250\' /></a>"); document.writeln(" </div>"); document.writeln(" </div>"); document.writeln("</div>"); }
到此這篇關於js不同客戶端顯示不同廣告(pc端+移動端+微信端)的文章就介紹到這瞭,更多相關js不同客戶端顯示不同廣告內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- JavaScript判斷是否手機瀏覽器的五種方法
- vue中PC端地址跳轉移動端的操作方法
- Python爬蟲報錯<response [406]>(已解決)
- JavaScript 判斷瀏覽器是否是IE
- JavaScript的三種BOM對象