廣告單元

如何使用回應式廣告代碼參數

使用回應式廣告代碼參數,您就可以改變回應式多媒體廣告單元的行為。舉例來說,您可以指定廣告單元配合某個一般形狀。如要使用回應式廣告代碼參數,通常只要微幅修改回應式廣告程式碼即可。例如,您可以將 data-ad-format 參數值從「auto」變更為「rectangle進階回應式廣告程式碼功能不同,您不需要大幅修改程式碼或使用 CSS 媒體查詢。

注意事項:本文範例所提供的 AdSense 廣告程式碼修改方法皆符合 AdSense 計劃政策;按照這些方法修改回應式廣告程式碼並不會違反規定。

指定一般形狀 (僅限電腦版)

您可以修改廣告程式碼,藉此指定廣告單元應採用的一般形狀 (橫向、直向和/或矩形)。修改方法如以下範例所示:

範例:橫向形狀

以下示範如何修改回應式廣告程式碼,以便為廣告單元指定一般水平形狀:

<ins class="adsbygoogle"
    style="display:block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"
    data-ad-format="horizontal"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});
</script>

回應式廣告程式碼會預設包含一個值為「auto」的 data-ad-format 代碼,讓回應式廣告單元能自動調整大小。不過,只要將 data-ad-format 的值改為以下其中一個,就可以為回應式廣告單元設定一般形狀:「rectangle」、「vertical」、「horizontal」或這些值的任意組合 (以半形逗號分隔),例如:「rectangle, horizontal」。

設定行動裝置上全寬度回應式廣告的行為

回應式廣告單元是否要完全展開,以利用訪客行動裝置螢幕的最大寬度,取決於 data-full-width-responsive 參數。視您使用 data-full-width-responsive 參數的方式而定,您可以為回應式廣告單元設定不同的行為方式。

data-full-width-responsive="true"

建議您將 data-full-width-responsive 參數設為「true」。如此一來,您的回應式廣告單元就會更頻繁地展開至使用者行動裝置螢幕的最大寬度。這項設定最有機會提高收益。

將參數設為「true」的範例

以下示範如何修改回應式廣告程式碼,以啟用全寬度的回應式廣告:

<ins class="adsbygoogle"
    style="display:block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"
    data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});
</script>

data-full-width-responsive="false"

如果您不希望回應式廣告單元在使用者的行動裝置螢幕上自動展開至全寬,可以將 data-full-width-responsive 參數設為「false」。請注意,這麼做可能會導致您的潛在收益減少。我們的實驗顯示,當行動裝置處於縱向模式時,使用全寬度回應式廣告的成效會更好。

將參數設為「false」的範例

以下示範如何修改回應式廣告程式碼,以停用全寬度的回應式廣告:

<ins class="adsbygoogle"
    style="display:block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"
    data-ad-format="auto"
     data-full-width-responsive="false"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});
</script>

不加入 data-full-width-responsive 參數

即使您的廣告程式碼並未加入 data-full-width-responsive 參數,回應式廣告單元有時仍會在使用者行動裝置螢幕上自動展開至全寬,不過展開的頻率就不及加入參數並將其設為「true」的時候。

提示:如需更多進階回應式廣告程式碼功能的相關資訊,請參閱「如何修改回應式廣告程式碼」一文。
這對您有幫助嗎?
我們應如何改進呢?