最近將網站改為 RWD 版型後，因為文章區塊在不同裝置的寬度都不一樣，無法再使用以前的廣告尺寸，因此藉機會把部分廣告單元改成自適應廣告。使用回應式的廣告，並搭配 CSS 設定後，可以讓廣告完全跟區塊寬度吻合，版面看起來美觀多了。
而用了幾天後，查看 Adsense 報表發現數據滿令人吒舌的。雖然天數少只是小樣本，不能視為長期都是如此。不過我還是決定研究一下，是否 RWD 廣告真的會讓收入減少？
一、參考報表
上圖是過去幾天 WFU BLOG 的 Adsense 部分報表，參雜了改版前後使用的廣告單元。
可先注意紅框標示的兩個 RWD 廣告單元：
- 上面紅框的廣告是行動版，平均單次點擊收益雖低，但還不算離譜。
- 下面紅框的廣告是網頁版放繼續閱讀處，平均單次點擊收益為 USD 0.025，幾乎可算是採到地雷了！
看看其他點擊數為 0 的廣告單元，在相同曝光次數的基準下，光是擺著曝光、沒任何點擊，收益都還比下方紅框高。
因此本篇要研究的疑問就是：
- 是否有原因導致 RWD 廣告的平均收益偏低？
- 有沒有辦法避免這樣的狀況？
二、Adsense 廣告競價原理
首先請參考官網文件「關於廣告競價」，雖然我知道廣告商需要競價才能獲得廣告播放的機會，但實際作法其實還滿複雜的，官網文件讀了幾次才大致瞭解。
整個過程可以簡化成這樣：
- 網頁越上方的廣告單元，越容易被訪客看到，也越容易獲得最多的點擊機會
- 為了獲得較多的點擊機會，廣告商會希望出越高的金額，來獲得較高位置的廣告展示機會
- 我們獲得的廣告收入，並不完全等於廣告商的出價
- 出價第 1 的廣告商，只需付出價第 2 的金額 + USD 0.01 就好
希望以上的敘述能夠理解。不過根據這個流程，還需請讀者瞭解以下衍生的意涵：
- 如果廣告商競價不激烈的話，就有可能出價第 1 與出價第 2 的數字落差很大
- 這導致得標的廣告商，常常只需要付很低的價格，就能獲得點擊機會
- 例如常常有很多沒錢的廣告投遞者，只出最低價 USD 0.01 來競標，假設這是第 2 名的出價
- 那麼第 1 的出價不管有多高，都有可能只需付 USD 0.02 就好(也就是 0.01 + 0.01)
三、廣告尺寸如何影響出價
瞭解以上原理後，現在可以來看不同廣告尺寸，可能會有哪些競價狀況。
1. 熱門廣告尺寸
根據「Adsense 廣告尺寸及版面配置優化技巧整理」→「一、廣告擺設通則」→「1. 廣告尺寸」，官方推建了幾個成效最佳的廣告尺寸：
- 300x250
- 336x280
- 728x90
- 300x600
- 320x100(行動版)
為什麼這些尺寸最被推薦，現在可以很容易理解，這些算是最通用的尺寸，也是最多廣告商會製作、提供的廣告單元。
想像一下我們網站擺放了一個 300x250 廣告單元，由於太多廣告商會製作這樣的尺寸，假設有 100 個廣告商好了，為了要搶我們網站的廣告展示機會，那麼某次競標金額可能是這樣(單位為 USD)：
- 0.33
- 0.30
- 0.28
- 0.26
- 0.25
只列前 5 名，由於競爭太激烈了，USD 0.33 得標，且數字差距都不大，得標者廣告被點擊時，需付的金額為 USD 0.31，對我們來說算是相當不錯的收益了。
2. 非熱門廣告尺寸
看一下官方文件「廣告大小指南」裡面，關於 468x60 這個尺寸的描述：
這種廣告大小的多媒體廣告供應量通常有限，因此可能無法達到最佳的廣告成效。
官方很明確的指出，廣告商比較少製作 468x60 這樣的尺寸，那麼當我們網站擺放了一個 468x60 廣告單元時，有辦法競標、提供廣告的廠商假設只有 5 個，金額可能是：
- 0.30
- 0.15
- 0.1
- 0.03
- 0.02
雖然第 1 名投標金額仍然不小，但由於跟其他數字有落差，得標者只需要付 USD 0.16。
以上的舉例大致就能說明，為何官方會告訴我們「非熱門廣告尺寸」可能無法達到最佳的廣告成效。
3. RWD 廣告尺寸
當我們擺放 RWD 廣告單元時，那麼什麼樣的尺寸都有可能出現。而連 468x60 這樣的尺寸供應量都有限時，可想而知各種奇奇怪怪的 RWD 尺寸，會有多少供應量了。
在供應量不足的情況下，廣告商的確是不需要用高價投標的，隨便掛個 USD 0.0x 都有可能得標(甚至是 0.01)。
四、修改 RWD 廣告單元
1. 避免低價廣告
回過頭看一開始提供的報表，雖然是小樣本，但長期來看，如果網站一直擺放 RWD 廣告，除非開始有大量廣告商願意設計各種 RWD 尺寸的廣告單元，不然我還真無法替廣告商，來找到用高金額競標 RWD 廣告的理由。
在情況還沒改變之前，不讓網站充斥低價廣告的方法，就是擺放官方建議的熱門尺寸了。
只不過，RWD 版型的網站要如何擺放廣告呢？
其實官方提供的 RWD 廣告單元，有各種方法可以自訂顯示的尺寸，那麼我們可以將 RWD 廣告單元，指定顯示特定的尺寸，就能避免低價廣告了。
2. 修改安裝語法
參考官網文件「如何修改回應式廣告程式碼」，第一個範例就非常實用：
<style>
.example_responsive_1 {
width: 320px;
height: 100px;
}
@media(min-width: 500px) {
.example_responsive_1 {
width: 468px;
height: 60px;
}
}
@media(min-width: 800px) {
.example_responsive_1 {
width: 728px;
height: 90px;
}
}
</style>
<script async='async' src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1" style="display:inline-block" data-ad-client="ca-pub-XXXXXXX11XXX9" data-ad-slot="8XXXXX1"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>簡單解說，在安裝碼 ins 標籤裡，加上 class "example_responsive_1"，為這個 class 設定三種螢幕尺寸的效果：
- 預設顯示 320x100 這個尺寸
- 區塊寬度在 500px 以上時，會顯示 468x60 這個尺寸
- 區塊寬度在 800px 以上時，會顯示 728x90 這個尺寸這個尺寸
從官方提供的這個範例來看，也可以說官方知道 RWD 廣告會發生收益上的問題。那麼這個範例將廣告尺寸控制在收益最高的排列組合，可以說是最佳解了。
五、總結
有了最佳解之後，是否我該下個結論：真正的 RWD 廣告一無是處，可以全面汰換？
其實也不全然是如此，RWD 廣告有它的優點在，某些情況下我認為還是值得加以運用。
如果追求收益最大化，版面美觀可以犧牲的話，可按本篇的作法進行。
如果網站擺放的廣告數量不少，那麼同樣尺寸的廣告一定會重複出現。為了不讓訪客視覺疲乏，同時也讓版面均衡一下，那麼網頁高度第 3 個廣告起，因為收益相對而言算是比較少了，是可以考慮擺放 RWD 廣告。
在收益與美觀之間取得協調，我認為會是實務上的最佳解。
更多 Adsense 相關文章：