为广告预留空间

在页面上为广告预留足够的空间是最大限度地减少布局偏移的关键。此示例演示了预留空间的各种方法及其对布局稳定性的影响。

  • 未预留空间:未为广告位容器指定尺寸。容器最初处于收起状态,在广告填充后展开,从而导致用户可见的布局偏移。
  • 预留空间:为广告位容器指定尺寸。容器始终在页面上占据固定的空间,因此布局不会发生偏移。在广告加载之前显示空白区域。
  • 使用占位符预留的空间:为广告位容器指定尺寸。容器在网页上占据的空间是固定的,因此布局不会发生偏移。CSS 用于设置空容器的样式,以避免在广告加载之前显示空白。

实现示例

查看演示

JavaScript

正在加载…

TypeScript

正在加载…