html - 如果用户运行广告拦截器，如何制作显示消息的广告包装器？

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

我假设 Ad Block 阻止了您的包装器，因为它包含“广告”一词。尝试使用类似的东西:

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