技术宅

当前位置:首页 > 网站教程 > 其他教程

其他教程

移动wap网页屏蔽PC页面的广告

时间:07-20 作者:
当我们网站没有单独做手机移动端页面的时候,等于PC和移动端页面不是分开的,所以我们打PC广告和移动端广告都在一个页面。
有些广告联盟的代码做的不是很好,比如PC端的广告在移

 当我们网站没有单独做手机移动端页面的时候,等于PC和移动端页面不是分开的,所以我们打PC广告和移动端广告都在一个页面。

有些广告联盟的代码做的不是很好,比如PC端的广告在移动端上也显示或者是显示一个空白框还有时候会方法整个网页页面,导致移动端访问网站有问题。

碰到这种情况我们就要想办法自己来禁止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.write('你的PC广告JS代码放这里');

}

 

将PC的广告JS代码放到我注明的地方

然后整个代码复制到网站广告JS文件里,不要通过网站后台添加,很多网站后台会转码代码导致不能正常使用。