Adsense "Auto Ads"强制 CLS 布局移位

Question

我们使用 Adsense“自动广告”并且通常对它非常满意。不幸的是，我们的移动 (!) 站点上的 CLS(累积布局偏移)存在问题。我们现在已经对此进行了测试，问题肯定是由自动广告引发的。经过进一步测试，我们能够确定正是页面标题区域中的粘性 anchor 定广告触发了 CLS。重要提示:加载页面时不会发生偏移，而是在 anchor 广告出现在顶部后向下和向上滚动时发生。此时 Adsense 为我们页面上的所有元素添加一些样式属性，例如。 “高度:自动!重要；”有人也有这个问题吗？我们可以做什么？我们不想在没有粘性 anchor 广告的情况下继续下去。重要提示:问题仅限于移动设备!谷歌 Adsense 在这方面工作吗？谢谢!

Answer 1

由于谷歌广告(尤其是顶部 anchor 广告)在向下滚动页面后对 BODY 上的 PADDING 进行动画处理，广告出现，然后向上滚动，无法避免 CLS，只能创建固定的

<style>
   body {
     padding: 120px 0px 0px !important;
   }
</style>

因此，一旦广告将带有填充的“样式”附加到正文并开始更改它，由于我们样式中的“!重要”标记，什么都不会发生……您可以使用 IF 语句来仅在您的页面是显示在移动设备上(不确定这是否也发生在广泛的 PC anchor 上，必须对其进行测试，但我看到我的 CLS 在 PC 上也会下降，所以可能是)