Inside AdSense
Google AdSense 中文網誌
搭配回應式設計使用 AdSense
Sunday, December 2, 2012
在最近一篇介紹回應式設計的網誌文章中,我們探討了以下兩者的重要性:製作行動網站,以及瞭解如何將回應式設計融入您的行動網站相關方案。這次,我們要進一步說明如何在回應式網站內有效使用 AdSense 廣告,在此之前,我們先來複習一下何謂回應式設計。
回應式設計是一種網站設計技術,讓您製作出來的網站能配合瀏覽裝置 (不論是筆電、智慧型手機還是平板電腦),以最合適的方式呈現。導入回應式設計的網站會根據裝置類型自動調整大小,但是您可以讓最適合該裝置和行動使用者的內容優先顯示。
只要插入一段簡單的 JavaScript 程式碼,您就能讓 AdSense 廣告跟內容本身一樣,隨時可根據螢幕大小調整呈現方式。若要利用回應式設計,您必須先建立多個廣告大小,例如 728x90、468x60 和 300x250。接著,您必須導入「if-else」程式碼片段,以便根據使用者裝置的大小放送大小合宜的廣告。以下是相關 JavaScript 程式碼的範例:
請注意,對 AdSense 代碼進行任何更改都是違反
AdSense 計劃政策
的。以上推薦的代碼是允許對回應式設計網站做的唯一修改,除了以上推薦的JavaScript代碼以外的任何修改都將被視為違反AdSense 計劃政策。
若要進一步瞭解回應式設計,請參閱 Google 網站管理員小組的這篇網誌文章 (只提供英文版)。若要查看其他參考資料來瞭解行動網站的價值、如何測試網站,以及如何找出能幫您打造行動專用網站的開發人員,請前往
howtogomo.com
。
作者:行動小組代表 Dairine Kennedy
e - Name of Team
No comments :
Post a Comment
將 +1 按鈕放上您的網頁
AdMob應用
AdSense 付款
AdSense 最佳化
AdSense 客戶服務
AdSense 產品更新
AdSense 疑難排解
AdSense 發佈商聲音
AdSense 網誌相關
AdSense政策規範
AdSense新手入門必讀
Google Analytics(分析)
Google 廣告管理系統
HTTPS
代理商聯絡資訊
優化建議
手機廣告
接軌多螢幕世代系列專題
案例研究,成功案例,pubtalk,電子商務,中小企業
案例研究,成功案例,電子商務,
網站管理員相關
文章主題
2015
Jul
Jun
May
Apr
2014
Sep
Jul
May
Apr
Mar
Feb
Jan
2013
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
2012
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2011
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2010
Nov
Aug
May
Mar
2009
Nov
Sep
Aug
Jun
May
Apr
Mar
Feb
Jan
2008
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Feed
No comments :
Post a Comment