私は基本的な Adblock 検出スクリプトに取り組んでおり、うまくいくように思われるものを思いつきました。#adblock_detection_image
Adblock Plus を使用して Chrome での ID を持つ要素をページに作成すると、実行すると値が得られ、実行$('#adblock_detection_image').css('display')
すると値が得られます。Adblocker のないブラウザーでこれらを実行すると、予想どおり、代わりにandが表示されます。none
$('#adblock_detection_image').css('visibility')
hidden
inline
visible
これを見つけて、先に進み、解決策を作成しようとしました。ただし、問題は、広告ブロッカーが単純に検出されたときにトリガーされるコードがトリガーされないことです。コード スニペットを以下に示します。
function isUsingAdblocker(classOfAd)
{
if(parseInt($(classOfAd).css('height')) <= 0)
{
return true;
}
else
{
$('body').append('<img id="adblock_detection_image" src="/textlink-ads-banner-advert-service.jpg" style="width: 0; height: 10px; position: relative; top: -1000px; left: -1000px;"/>');
if($('#adblock_detection_image').css('display') != 'inline')
{
return true;
}
else if($('#adblock_detection_image').css('visibility') != 'visible')
{
return true;
}
else
{
return false;
}
}
}
$(document).ready(function(){
if(isUsingAdblocker('#Ad-One')){
$('#Ad-One').html('<em>Please</em> disable your ad-blocking software to help support this website.<br/><span>(It\'s our primary source of income!)');
$('#Ad-One').css('height', '90px');
}
});