Geek asks and answers

How to make advertising packaging that displays a message if the user is running adblock?

I have a website with an ad on every page.

I would like to show a message that says: "Please think about disabling your ad unit, this helps us a lot." if the user has AdBlock enabled.

Here is my attempt:

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

And my 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');
}

When I turn off AdBlock, the ad displays correctly without any problems.

When I turn it on, AdBlock completely makes it #ad-wrapperinvisible. I thought this would only remove the ad, leaving my background image for my users.

How can I perform this behavior?

+3
source share
1 answer

, Ad Block , "". - :

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

More articles:


All Articles