預留廣告空間

在網頁上保留足夠的廣告空間，是減少版面配置位移的關鍵。本例示範保留空間的各種方法，以及這些方法對版面配置穩定性的影響。

  • 未保留空間：未為廣告版位容器指定任何尺寸。容器一開始會處於收合狀態，並在廣告填入時展開，導致使用者可見的版面配置轉換。
  • 保留空間：系統會為廣告版位容器指定尺寸。容器一律會在頁面上占用固定的空間量，因此版面配置不會移動。廣告載入前會顯示空白空間。
  • 預留空間並使用預留位置：為廣告版位容器指定尺寸。容器會在頁面上占用固定的空間，因此版面配置不會移動。使用 CSS 為空白容器設定樣式，避免在載入廣告前顯示空白空間。

實作範例

觀看示範影片

JavaScript

載入中...

TypeScript

載入中...