屏幕方向更改后,响应式Adsense刷新

时间:2014-03-13 10:26:50

标签: responsive-design adsense

我已经完成了我的响应式设计,但adsense实现除外。 例如,当访问者更改平板电脑的方向时,广告的大小应自动更改。 目前,如果没有页面刷新,我就无法工作。 广告只会在我刷新页面时发生变化,但这不是访问者会做的事情。

根据Adsense support,它已经实施:

  

屏幕方向更改后支持广告尺寸更改。如果您的响应式页面在设备方向更改后更改其布局(例如,当平板电脑或手机从纵向移动到横向时),我们将请求并加载具有正确尺寸的新广告以适应新的页面布局。

但是,我没有让它上班。我是以错误的方式理解它,还是我错过了什么?

如果Adsense尚未支持,是否有解决方法(adsense允许)?

编辑:我发现它实际上是在我的智能手机上工作。它只是不适用于窗口大小调整,但这不是一个真正的问题。所以我想这已经解决了。

1 个答案:

答案 0 :(得分:1)

密切关注About responsive ad units

上的官方“技术考虑”
  • 您的网站使用第三方JavaScript
  • 父容器没有设置宽度

就我而言,响应式设计没有在467x以下的视口上设置显式宽度。因此,从纵向到横向时,单位会调整大小,但从横向到纵向则不会反之亦然。这导致广告单元拉伸内容列比视口更宽,更糟糕的是无法缩小。

使用媒体查询为广告单元设置显式宽度解决了这个问题,现在单位会严格按照说明进行调整和缓存。