Как сделать рекламную обертку, которая отображает сообщение, если пользователь работает в adblock?

Question

У меня есть сайт с объявлением на каждой странице.

Я хотел бы показать сообщение, в котором говорится: «Пожалуйста, подумайте об отключении своего рекламного блока, это очень помогает нам». если у пользователя включен AdBlock.

Вот моя попытка:

<div id="ad-wrapper"> 
    <!-- Ad script here. It works fine. --> 
</div> 

И мой CSS:

#ad-wrapper { 
    background-color: #1D1D1D; 
    border: 1px solid #232323; 
    float: right; 
    height: 90px; 
    margin-right: 4px; 
    width: 728px; 
    overflow:hidden; 
    background-image: url('/Public/images/disabled-ad.jpg'); 
} 

Когда я выключаю AdBlock объявление будет отображаться корректно без проблем.

Когда я включаю его, AdBlock полностью делает невидимым #ad-wrapper. Я думал, что это удалит только объявление, оставив мое фоновое изображение для моих пользователей.

Как это осуществить?

Answer 1

Я предполагаю, что рекламный блок блокирует вашу обертку, поскольку содержит слово «объявление». Попробуйте использовать что-то вроде:

<div id="disabled-wrapper"> 
    <!-- Ad script here. It works fine. --> 
</div>