欢迎使用 AdSense 帮助中心。由于适逢节日季,我们在 12 月 17 日至 1 月 4 日期间将无法提供支持服务。建议您访问我们的帮助中心社区论坛,获取更多资源。对于由此可能给您带来的任何不便,我们深表歉意,同时也感谢您在此期间的耐心等待。

广告单元

设置信息流广告的高度

AdSense 会自动调整信息流广告的高度,以确保其能够很好地适应可用空间。这意味着,大多数发布商不需要对其信息流广告的高度进行任何更改。不过,如果您对信息流广告的高度有特定要求,则可以修改信息流广告代码以设置所需高度。您可以设置固定高度或可变高度,具体取决于您的信息流是在自适应网站上还是在非自适应网站上。

请放心,本文中介绍的示例均为对 AdSense 广告代码的可接受修改。只要是按照这些经过批准的方式修改信息流广告代码,就不会违反 AdSense 合作规范。

如何设置固定高度(非自适应网站)

您可以通过向广告代码添加 height 属性(例如 height:120px),为信息流广告指定固定高度。如果您的信息流广告单元位于固定容器中(即无法实现自适应),请使用此选项。

如果您不知道该设置什么高度,可以使用浏览器的开发者工具来确定广告的确切高度(不包含空白区域)。如需了解详情,请参阅:如何确定信息流中图片的尺寸

下例展示的是一则采用 120 像素固定高度的信息流广告:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block;height:120px"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

如何设置可变高度(自适应网站)

如果您的信息流广告单元的宽度取决于屏幕宽度(即可实现自适应),则您需要在广告代码中使用 CSS 媒体查询来根据屏幕宽度指定不同高度。

要确定需设置的高度,我们建议您:

  1. 将您的网站尺寸调整为一系列屏幕宽度,例如 350 像素、500 像素、1000像素。
  2. 对于每种宽度,使用浏览器的开发者工具来确定广告的确切高度(不包含空白区域)。如需了解详情,请参阅:如何确定信息流中图片的尺寸

对于下例展示的这则信息流广告,屏幕宽度不超过 350 像素时其高度为 180 像素,屏幕宽度为 500-800 像素时其高度为 130 像素,屏幕宽度超过 800 像素时其高度为 200 像素:

<style>
  @media (min-width: 350px) {
    .infeed {
      height: 180px;
    }
 @media (min-width: 500px) {
    .infeed {
      height: 130px;
    }
  }
 @media (min-width: 800px) {
    .infeed {
      height: 200px;
    }
  }

</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle infeed"
     style="display:block;"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
重要提示:在上面的示例中,我们突出显示了您需要对广告代码进行的修改。请确保在广告代码全文中使用同一个类名称(例如 infeed)。
更改广告代码后,请勿忘记使用各种屏幕尺寸来测试信息流广告,以确保您选择的高度在各类设备上能够正常工作。

为什么我的信息流广告有时会显示额外的空白区域或“更多”按钮?

信息流广告单元具有自适应能力,可支持各种视口。它们通过扩展到其所在的信息流容器的全宽来自动调整自身尺寸,以适应页面布局。它们的高度根据广告本身的内容和您在 AdSense 中选择的信息流广告设置确定。

有时,如果信息流广告位于用户的视口(首屏)中,则我们将无法在不造成广告下方内容重排的情况下调整广告高度。对于此类情形,我们可能会留出一些空白区域或者显示一个“更多”按钮 More button,以展开广告。这样做的目的旨在提供最佳用户体验。

该内容对您有帮助吗?
您有什么改进建议?

需要更多帮助?

登录可获取更多支持选项,以便快速解决您的问题

true
' data-mime-type=
您的 AdSense 页面

全新推出 AdSense 页面:在这项新资源里,您可找到为您量身提供的信息和发掘帐号中的新机会,从而帮助您利用 AdSense 取得出色的创收效果。

搜索
清除搜索查询
关闭搜索框
Google 应用
主菜单
搜索支持中心
true
157
false