如何去除 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?的主要内容,如果未能解决你的问题,请参考以下文章

接入谷歌广告错误(主要Adsense)

测试Google广告和Google Analytics脚本会显示空白页面

android webview如何去除网页下方浮起的广告

如何在 Flutter Web 中插入 Adsense 展示广告

如何使 Adsense 广告与响应式网站一起使用

重新加载 Adsense 广告,还​​是必须使用 DFP?