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

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>