如何實現(xiàn)移動端瀏覽器不顯示 pc 端的廣告
更新時間：2015年10月15日 08:54:10 作者：一介布衣
隨著移動網(wǎng)絡(luò)的發(fā)展,越來越多的人使用手機等移動端瀏覽網(wǎng)頁辦公,那么如果在手機打開頁面的時候顯示大大的聯(lián)盟廣告，用戶體驗度會非常差，經(jīng)過一番研究，用下面的方法實現(xiàn)了移動端瀏覽器不顯示PC端廣告。
前一段時間寫了一篇博文, 關(guān)于微信內(nèi)置瀏覽器不顯示聯(lián)盟廣告
根據(jù) window.navigator.userAgent 來判斷當前瀏覽器是否是微信內(nèi)置瀏覽器
window.navigator.userAgent=='micromessenger'
今天要分享的內(nèi)容差不多,因為之前只考慮了微信瀏覽器的適配,回頭在移動端瀏覽器打開站點,發(fā)現(xiàn)適配問題.
有的聯(lián)盟會自動屏蔽移動端,但是有的聯(lián)盟就不能屏蔽,所以只能手動去判斷.
根據(jù)瀏覽器 userAgent 判斷來源
安卓設(shè)備的的 userAgent 判斷
navigator.userAgent.match(/Android/i)
iphone 設(shè)備 userAgent 判斷
navigator.userAgent.indexOf('iPhone')!=-1
ipad 設(shè)備 userAgent 判斷
navigator.userAgent.indexOf('iPad') != -1
ipod 設(shè)備 userAgent 判斷
navigator.userAgent.indexOf('iPod') != -1
再補充下微信內(nèi)置瀏覽器的判斷方法
function isWeiXin() {
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
return true;
} else {
return false;
}
}
屏蔽微信,手機(除 winphone 設(shè)備),ipod
if(!isWeiXin()&&!(navigator.userAgent.match(/Android/i) || (navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1))) {
var sogou_ad_id=4767753; //聯(lián)盟廣告計費id
}
<script src="http://images.sohu.com/cs/jsfile/js/c.js" charset="utf-8"></script> //廣告內(nèi)容加載
如果沒有聯(lián)盟廣告計費id,下面的廣告自然不會展示.間接起到了移動端屏蔽聯(lián)盟廣告的作用.
相關(guān)文章
html+javascript實現(xiàn)可拖動可提交的彈出層對話框效果
本文為大家介紹下使用html+javascript實現(xiàn)可拖動彈出層、對話框、可提交，具體代碼如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
這篇文章主要介紹了JavaScript基于面向?qū)ο笾^承實例,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)側(cè)邊分類欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要介紹了原生js如何實現(xiàn)淡入淡出效果，文章為大家提供了一個已經(jīng)封裝好的代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-11-11
柱形圖是圖表中常見的一種，這篇文章主要介紹了d3繪制基本的柱形圖的實現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了淺談Javascript線程及定時機制的相關(guān)資料,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了BootStrap Fileinput上傳插件使用實例代碼,，通過引入js和css文件，具體實現(xiàn)代碼大家參考下本文2017-07-07
本文主要介紹了js實現(xiàn)交通燈效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
ECMAScript中var let const常見問題及區(qū)別詳解
這篇文章主要為大家介紹了ECMAScript中var let const常見問題及區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要介紹了JavaScript更改原始對象valueOf的方法,涉及javascript使用自定義valueOf函數(shù)替換掉原始object中valueOf的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03