设置信息流广告的高度

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

注意：本文中介绍的示例均为对 AdSense 广告代码的可接受修改。只要是按照这些经过批准的方式修改信息流广告代码，就不会违反 AdSense 计划政策。

如何设置固定高度（非自适应网站）

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

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

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

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" 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-1234567890123456"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

如何设置可变高度（自适应网站）

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

要确定需设置的高度，我们建议您：

1. 将您的网站尺寸调整为一系列屏幕宽度，例如 350 像素、500 像素、1,000 像素。
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-1234567890123456" 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-1234567890123456"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

重要提示：在上面的示例中，我们突出显示了您需要对广告代码进行的修改。请确保在广告代码全文中使用同一个类名称（例如 infeed）。

更改广告代码后，请勿忘记使用各种屏幕尺寸来测试信息流广告，以确保您选择的高度在各类设备上能够正常工作。

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

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

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