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

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

注意：本文所舉例子使用的 AdSense 廣告程式碼修改方法皆符合 AdSense 計畫政策，按照這些方法修改回應式廣告程式碼並不會違反規定。

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

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

範例：橫向形狀

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

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

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

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

提示：如要進一步瞭解進階回應式廣告程式碼功能，請參閱「如何修改回應式廣告程式碼」一文。