如何去除 AdSense 广告下方的空白 AdSense?
Posted
技术标签:
【中文标题】如何去除 AdSense 广告下方的空白 AdSense?【英文标题】:How to remove white space adsense below AdSense ads? 【发布时间】:2016-01-09 11:09:03 【问题描述】:我在移动网页顶部有一个 AdSense 自适应广告单元。当 320x50 广告填满此空间时,广告底部会出现额外的空白。投放 320x100 广告时没有空白。我没有为 div 元素定义大小,因此该单元应根据 Google 提供的任何广告进行调整。
如果投放的是 320x50 的广告而不是 320x100 的广告,是否有办法折叠空白?
我认为这将是一个常见问题,但我一直无法找到解决方案。提前感谢您的帮助。
我认为 Google 最初尝试提供 320x100 单位,但最终提供了 320x50 单位,留下了额外的空白。据 Google 称:“为了增加 320x100 广告尺寸的竞争,我们允许以这种格式展示 320x50 展示广告。发生这种情况时,较小的广告将始终在顶部垂直对齐。”
【问题讨论】:
从我通过阅读评论了解到,额外的空间是为可能的第二个 320x50 广告保留的。但是,你能提供代码吗?可以将广告单元封装在一个 320x50 像素的容器中,并在其上应用overflow:hidden
。
感谢您的回复。我的代码如下。我尝试了溢出建议,但它并没有改变响应。另一个问题是,如果 Google 不提供广告单元(即使已配置为这样做),此 div 单元也不会折叠。我不确定这些问题是否相关。
【参考方案1】:
所以,既然广告已经在一个容器中,试试这个:
.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>
希望它有效!
【讨论】:
我尝试了您的建议,但这似乎只是迫使 Google 提供 320x50 的广告单元,而不是 320x100、320x50 或其他广告尺寸(由 Google 决定)。所以,这会使空白消失,但这是因为广告单元被强制为 320x50。此外,此更改使广告单元无响应,因此它不会根据设备(即移动设备与桌面设备)自动调整大小。 很明显这会导致问题。可能有办法让它响应,但它的行为方式会以上是关于如何去除 AdSense 广告下方的空白 AdSense?的主要内容,如果未能解决你的问题,请参考以下文章
测试Google广告和Google Analytics脚本会显示空白页面