火狐瀏覽器和谷歌瀏覽器里都有能夠屏蔽頁面給廣告的插件，最有名的是AdBlock和AdBlock Plus。前幾天，我做一個統(tǒng)計，看看瀏覽網站的用戶中有多少人使用了AdBlock插件，發(fā)現(xiàn)這個數(shù)目竟然有總瀏覽人數(shù)的1/5。

1/5是一個不小的數(shù)目。如何能讓廣告位在這1/5的使用了AdBlock插件的用戶的頁面上用其它圖片代替呢？要想做到這一點，首先是要有個辦法知道當前瀏覽器中使用了AdBlock插件。經過一些測試，我發(fā)現(xiàn)，AdBlock對“Ad”或“Google AD”這樣的詞非常敏感，只要是某個頁面元素的ID或css class名中有“Ad”字樣的，這個元素基本上都會被AdBlock插件屏蔽掉，也就是 display:none：

代碼如下:
這個div將會被屏蔽掉

有了這個規(guī)律，我就能夠使用JavaScript發(fā)現(xiàn)當前瀏覽器是否開啟了AdBlock插件。首先，我們將Google廣告代碼放到一個div里，并且將div的css class name里放入一個很明顯的表示google AD的類名：

代碼如下:
這里放置Google廣告代碼

然后在頁面的底部用Js檢測，：

代碼如下:
if ($('.google-ad').height() == 0) showOtherImage();

這里還有一個問題，Google的廣告通常是指Dom加載完畢后顯示的，為了保證在Google廣告加載完成后再進行探測，要給js代碼加入延遲執(zhí)行特征，這樣避免了誤檢測：

代碼如下:
$(function(){
setTimeout(function(){
if ($('.google-ad').height() == 0)
showOtherImage();
},3000);
});

這里的showOtherImage();方法里我們能做些什么呢？我們可以放一些京東、當當、亞馬遜會其它網站的促銷圖片和鏈接，通過獲取傭金，多少算是對損失的一點彌補。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com