adsense - 当谷歌广告不显示时如何以编程方式折叠空 div 中的空间

Question

有没有办法以编程方式折叠 Google 广告未显示时产生的空白区域？如果是这样，我很想看到一个说明性的例子。

四处搜寻让我找到了 this official Google resource正是为了完成我所要求的。但是，这与 DFP 广告管理系统有关，不幸的是，它是一个单独的产品。我很想知道如何为 AdSense 处理这个问题 - 我的一些用户此刻正盯着空白处。

以防万一，以下是 Google AdSense 提供的示例广告片段(我已将其居中对齐):

    <div style="text-align:center">
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-0000000000000000"
             data-ad-slot="0044031319"
             data-ad-format="auto"></ins>
        <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>

Answer 1

我知道这已经过时了，但是因为我现在一直在处理这个问题。在 jQuery 中执行此操作的一个足够简单的方法是检查具有类 adsbygoogle 的所有元素。里面没有 child 。

这将选择具有该类的所有元素并隐藏它们，从而有效地折叠它们。
$(".adsbygoogle:empty").hide();
你也可以用它做很多其他的事情，比如如果它在一个 div 中并且你也需要隐藏它，使用 $(".adsbygoogle:empty").parent().hide()进一步折叠它。

我相信这可以很容易地用 vanilla javascript 完成。我建议在 DOM 加载后运行这行代码，甚至等待 10 秒钟，看看 google 是否填充了广告。