設定動態內廣告的高度

AdSense 會自動調整動態內廣告的高度，以確保廣告能與可用空間契合。由於大小會自動調整，大部分的發佈商不需要變更動態內廣告的高度。但如果您對動態內廣告的高度有特定要求，可以修改動態內廣告程式碼，來設定想要的高度。若資訊提供位於非回應式網站中，您可以設定固定高度；若位於回應式網站，則可設定可變高度。

請放心，本文範例所提供的 AdSense 廣告程式碼修改方法，全都符合 AdSense 計劃政策；只要按照這些方法修改動態內廣告程式碼，就不會違反規定。

如何設定固定高度 (非回應式網站)

您可以在廣告程式碼中加入高度屬性 (例如：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 中選擇的動態內廣告設定。

有時動態內廣告位於使用者的可視區域時 (不需捲動位置)，由於廣告下方的內容不能重新排列，因此無法調整廣告高度。遇到這種情形時，我們可能會留下多餘的空白，或顯示「更多」 按鈕以展開廣告。這麼做是為了提供使用者最佳的體驗。