如何在折叠的 Ad Manager 广告中隐藏另一个 DIV?

How can I hide another DIV on collapsed Ad Manager ads?

我使用 Google Ad Manager 并在我的网站上放置了一些广告。使用以下代码,我确保折叠空广告:

.setCollapseEmptyDiv(真, 真)

这个效果很好。但我在每个广告旁边都放了“广告”字样(因为法律要求)。问题:如果没有投放任何广告并且广告被折叠,“广告”一词会在页面上四处漂浮。它位于它自己的 DIV 中(因为我想通过 CSS 准确放置和显示它)。

如果特定的 Google 广告被折叠,我如何隐藏另一个 DIV?

在这种特殊情况下,我宁愿使用 css 伪元素也不愿创建另一个 div 来玩。假设 Ad Manager 在其中生成广告调用的 html 锚点如下:

<div id="ad-banner"></div>

使用 CSS 和伪元素 (some details here) 您可以在 div 之前添加 "Advertising" 单词:

<style type="text/css">
#ad-banner::before {
content: 'Advertising';
display:block;
width:100%;
height:auto;
font-size:12px;
text-align:center;
}
</style>

因为它属于所选 div,如果 div #ad-banner 的样式为 "display:none",伪元素也会被隐藏。

希望这对您有所帮助。