使用預設載入圖片

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'));
}

這對您有幫助嗎?

我們應如何改進呢?

還有其他問題嗎?

嘗試以下步驟:

true
搜尋
清除搜尋內容
關閉搜尋
Google 應用程式
主選單
12185577435204995374
true
搜尋說明中心
false
true
true
true
true
true
5050422
false
false
false
false
false