【问题标题】:Stop content jumping due to ad load停止因广告加载而跳转的内容
【发布时间】:2019-03-12 09:14:52
【问题描述】:

当我们加载谷歌广告时,它通常会在页面加载后填充空的广告块槽。

我注意到在 Chrome 浏览器中,最初的广告位 div 以自动高度或最小高度加载,因此即使在广告内容加载后,页面内容也不会跳跃。

但是对于 Firefox,一开始所有广告位都以零高度折叠,当它加载广告内容时,整个页面内容会跳动一点,这真的很烦人。

有什么办法可以解决这个问题吗?

我正在使用自适应广告,它会根据设备加载不同尺寸的广告。

谢谢。

【问题讨论】:

  • 我假设您没有使用响应式广告,那么为什么不将父 div 设置为广告的大小,这样它就在那里等待被填充并将其下方的内容定位在下方广告会是?
  • 我正在使用自适应广告,它会根据设备加载不同尺寸的广告。

标签: javascript html css firefox adsense


【解决方案1】:

如果广告位是响应式的。那么您可能需要查看data-ad-format

否则,您可以使用 min-height css 属性并将其设置为广告元素。看这里min-height

【讨论】:

  • 实际上这是一个自适应广告单元,即使我设置了最小高度,它在桌面上可能看起来还不错,但对于移动设备,它需要额外的高度,因为移动广告通常更小。
猜你喜欢
  • 2023-04-08
  • 1970-01-01
  • 1970-01-01
  • 2018-12-23
  • 1970-01-01
  • 2011-04-07
  • 1970-01-01
  • 2018-08-02
  • 1970-01-01
相关资源
最近更新 更多