【问题标题】:How can I hide another DIV on collapsed Ad Manager ads?如何在折叠的 Ad Manager 广告中隐藏另一个 DIV?
【发布时间】:2019-09-04 21:54:13
【问题描述】:

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

.setCollapseEmptyDiv(true, true)

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

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

【问题讨论】:

    标签: google-ad-manager


    【解决方案1】:

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

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

    使用 CSS 和伪元素 (some details here),您可以在 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”,伪元素也被隐藏了。

    希望这会有所帮助。

    【讨论】:

    • 非常非常感谢!这是一个非常漂亮和优雅的解决方案——正是我想要的!我很高兴! :-)
    猜你喜欢
    • 2019-02-14
    • 1970-01-01
    • 2020-02-23
    • 1970-01-01
    • 2021-10-11
    • 2012-08-17
    • 1970-01-01
    • 1970-01-01
    • 2013-09-10
    相关资源
    最近更新 更多