AMPHTML 廣告不支援這項功能。
一般而言,在廣告尚未完全載入時顯示預設圖片是很實用的做法,而且特別適合用來處理較大的廣告。
1. 設定載入圖片
將 ID 為 loading 的 div 新增至 HTML:
<body style="visibility: hidden;">
<div id="loading" class="loading-image">
載入中…
</div>
<gwd-google-ad id="gwd-ad" polite-load="">
…
</gwd-google-ad>
</body>2. 停止顯示載入圖片
只要在 handleAdInitialized 函式中加入相應的程式碼就可以隱藏或移除載入圖片。當廣告初始化之後,這個方法會遭到撤銷。如果啟用了預載功能,則這個方法會在分派 PAGE_LOADED (啟用器) 事件後才撤銷。
隱藏載入圖片
下方醒目標示的程式碼可用來隱藏載入圖片:
/**
* 處理在廣告初始化之後以及
* 顯示廣告預設頁面之前所分派的事件。
*/
function handleAdInitialized(event) {
// 這標示了廣告預載階段結束。如果
// 使用者看得到載入圖片,即可在此
// 移除。
document.getElementById('loading').style.display = 'none';
}移除載入圖片
下方醒目標示的程式碼可用來移除載入圖片:
/**
* 處理在廣告初始化之後以及
* 顯示廣告預設頁面之前所分派的事件。
*/
function handleAdInitialized(event) {
// 這標示了廣告預載階段結束。如果
// 使用者看得到載入圖片,即可在此
// 移除。
document.body.removeChild(document.getElementById('loading'));
}