在启用ABP时正确隐藏广告

时间:2015-05-17 08:09:45

标签: html css adblock

我正在构建我的网站,知道客户想要2 300x250广告和1 728x90广告。我已使用以下HTML将这些添加到设计中:

<aside class="ad top-left">
    <figure class="ad">
        <img src="{{ url('img/templates/ad_728x90.png') }}" alt="Advertimsent placeholder" />
    </figure>
</aside>

这很好用。我添加了一些CSS来美化广告容器。但是,我也想支持AdBlock用户。看起来.ad上的触发器会导致它,而不是display: none;来设置height: 0;。这确实是不受欢迎的,因为它留下了备用填充和边距。

简而言之:如何让AdBlock Plus正确隐藏我的广告?

1 个答案:

答案 0 :(得分:0)

问题在这里得到解答:

https://adblockplus.org/forum/viewtopic.php?f=2&t=31120&p=124757

由于某些原因,EasyList不会阻止.advertisement.ad。我最终使用的是.advertiser.ad-field。这些将适用display: none;