廣告單元

設定動態內廣告的高度

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

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

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

您可以在廣告程式碼中加入高度屬性 (例如:height:120px),來指定動態內廣告的固定高度。如果您的動態內廣告單元刊登在固定的容器中 (即非回應式),才應使用這個選項。

若不確定要設置的高度,可以使用瀏覽器的開發人員工具,來判斷廣告去除網頁留白後的實際高度。如需更多資訊,請參閱「如何判斷資訊提供中的圖片大小」一文。

下方範例說明如何設置固定高度為 120 像素的動態內廣告:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></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"></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 按鈕以展開廣告。這麼做是為了提供使用者最佳的體驗。

這對您有幫助嗎?
我們應如何改進呢?