我在构建网站时了解到客户想要 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 正确隐藏我的广告?
最佳答案
问题在这里得到了回答:
https://adblockplus.org/forum/viewtopic.php?f=2&t=31120&p=124757
由于某些原因,.advertisement
和 .ad
没有被 EasyList 阻止。我最终改用了 .advertiser
和 .ad-field
。这些将应用 display: none;
。
关于html - 启用 ABP 时让广告正确隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30284742/