搭配回應式設計使用 AdSense

在最近一篇介紹回應式設計的網誌文章中，我們探討了以下兩者的重要性：製作行動網站，以及瞭解如何將回應式設計融入您的行動網站相關方案。這次，我們要進一步說明如何在回應式網站內有效使用 AdSense 廣告，在此之前，我們先來複習一下何謂回應式設計。

回應式設計是一種網站設計技術，讓您製作出來的網站能配合瀏覽裝置 (不論是筆電、智慧型手機還是平板電腦)，以最合適的方式呈現。導入回應式設計的網站會根據裝置類型自動調整大小，但是您可以讓最適合該裝置和行動使用者的內容優先顯示。




只要插入一段簡單的 JavaScript 程式碼，您就能讓 AdSense 廣告跟內容本身一樣，隨時可根據螢幕大小調整呈現方式。若要利用回應式設計，您必須先建立多個廣告大小，例如 728x90、468x60 和 300x250。接著，您必須導入「if-else」程式碼片段，以便根據使用者裝置的大小放送大小合宜的廣告。以下是相關 JavaScript 程式碼的範例：

請注意，對 AdSense 代碼進行任何更改都是違反AdSense 計劃政策的。以上推薦的代碼是允許對回應式設計網站做的唯一修改，除了以上推薦的JavaScript代碼以外的任何修改都將被視為違反AdSense 計劃政策。

若要進一步瞭解回應式設計，請參閱 Google 網站管理員小組的這篇網誌文章 (只提供英文版)。若要查看其他參考資料來瞭解行動網站的價值、如何測試網站，以及如何找出能幫您打造行動專用網站的開發人員，請前往 howtogomo.com。
作者：行動小組代表 Dairine Kennedye - Name of Team