使用 Google 發布商廣告代碼 (GPT) 製作回應式廣告,根據網站訪客使用的瀏覽器調整廣告尺寸。如此一來,無論訪客使用的是電腦、平板電腦或行動裝置,您的廣告都能完美呈現。
您可以藉助 GPT API,為廣告版位指定一或多個大小做為尺寸組;使用回應式廣告功能時,您還能根據瀏覽器大小選擇替代尺寸組。
範例
如果瀏覽器的尺寸大於 1024x768,您可以指定放送 970x90 或 728x90 的廣告,而對較小尺寸的瀏覽器,則可以指定只放送 468x60 的廣告。
建議您應為電腦、平板電腦和行動裝置指定不同的尺寸對應。
- 文中提到瀏覽器尺寸時,實際上指的是可視區域,也就是呈現內容的空間。
- 瀏覽器尺寸並不包含瀏覽器的工具列、捲軸和邊框等部位。
系統會自動將尺寸對應排序,以選出尺寸最合適的廣告素材加以採用。您可以預設一個各瀏覽器通用的廣告單元尺寸,這樣即使其他指定尺寸皆不適用於訪客的瀏覽器,系統也能放送廣告。
影片隨播廣告不支援回應式廣告。
指定瀏覽器和廣告尺寸
您定義的每個廣告版位都必須指定能在該版位中放送的廣告大小。廣告大小的指定方式取決於要顯示的廣告類型,以及廣告版位本身的大小和彈性。
GPT 開發人員說明文件中列出固定大小、多重大小、回應式等廣告格式的程式碼範例。
收合空的廣告版位
如果您知道網頁上一或多個廣告版位有時會有廣告空缺的情況,可以在廣告代碼中加入 collapseEmptyDivs()
方法,指示瀏覽器收合空的 div 元素。
由於這個方法可能會導致網頁內容重排,因此使用時必須考量您期待廣告版位獲得廣告供應的頻率。
使用 collapseEmptyDivs()
方法來收合空的 <div>
。否則,當廣告版位沒有放送廣告時,網頁就會出現空白的區域。
投放回應式廣告
使用 GPT 程式庫建立回應式廣告時,系統會根據瀏覽器的大小和裝置放送廣告。透過對應功能,即可根據發出請求的裝置螢幕大小,向 Ad Manager 發送適當大小的廣告請求。
您無法在 Ad Manager 中投放回應式 AdSense 廣告代碼。相反地,您必須在相應的網頁上使用 GPT 導入回應式廣告代碼。請根據 AdSense 支援的多媒體廣告格式,指定 AdSense 廣告代碼的高度和寬度。
範例
使用 320x100 (手機)、300x250 (平板電腦) 和 336x280 (電腦) 這三種大小,透過 AdSense 標記導入回應式廣告:
- 透過 GPT 將回應式廣告新增至您的網頁。
- 建立指定三種大小 (320x100、300x250 和 336x280) 的 AdSense 委刊項。
- 將委刊項指定給您用來建立回應式廣告代碼的廣告單元。
- 針對各個大小,將相符的三個廣告素材新增到 AdSense 委刊項。每個廣告素材都必須包含回應式 AdSense 程式碼,以便投放廣告。