google-ad-manager - 如何在折叠的 Ad Manager 广告中隐藏另一个 DIV？

Question

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

.setCollapseEmptyDiv（真，真）

这很好用。但是我在每个广告旁边都放了“广告”注释（因为法律要求）。问题：如果没有投放广告并且广告被折叠，则“广告”一词会在页面上浮动。它位于它自己的 DIV 中（因为我想通过 CSS 准确地放置和显示它）。

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

Answer 1

在这种特殊情况下，我宁愿使用 css 伪元素而不是创建其他 div 来玩。假设 Ad Manager 在其中生成广告调用的 html 锚点如下：

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

使用 CSS 和伪元素（这里有一些细节），您可以在 div 之前添加“广告”一词：

<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”，则伪元素也被隐藏。

希望这可以帮助。