我有一个AdSense响应广告单元在移动网页的顶部。当一个320x50的广告填充这个空间时,广告底部会有额外的空白空间。当提供320x100的广告时,没有空白。我没有定义div元素的大小,所以这个单位应该根据Google提供的任何广告进行调整。
如果提供320x50广告而不是320x100,是否有办法崩溃空白?
我认为这是一个普遍的问题,但我还没能找到一个解决方案。提前感谢您的帮助。
我认为谷歌最初试图提供一个320x100的单位,但最终提供了一个320x50的单位,留下额外的空白。根据谷歌的说法:"为了增加320x100广告尺寸的竞争,我们允许320x50的展示广告出现在这种格式中。当这种情况发生时,较小的广告将始终在顶部垂直对齐。"
所以,既然广告已经在一个容器内,试试这个:
.ad-wrapper {
width:320px;
height:50px;
overflow:hidden;
}
并在容器上添加ad-wrapper
类。
<div class="ad-wrapper" align="center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Top_Responsive --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxxxxx" data-ad-slot="xxxxxxx" data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
希望它能起作用!