AdSense - 在窗口调整大小时调整响应式广告代码块

时间:2014-05-03 16:07:18

标签: css responsive-design live adsense autoresize

我正在使用Google AdSense新的自适应广告拦截功能。 它工作得非常好,但如果我调整窗口大小,它们就不会调整大小。

是否有任何选项或可能来调整广告或重新加载广告?我使用媒体查询来进行网站布局。

2 个答案:

答案 0 :(得分:0)

现在还不可能。 但是,在手机和平​​板电脑上旋转屏幕会调整广告的大小(如果可用空间通过旋转而改变)。

问题是:为什么要这个功能? 是否要测试不同的屏幕尺寸? 解决方案是调整屏幕大小并手动刷新。

最终用户不会经常调整窗口大小,因此在使用adsense的reponsive代码时,您将始终提供正确尺寸的广告。

答案 1 :(得分:0)

到2020年8月,看来这仍然是不可能的。

但是至少,例如,为了防止在屏幕方向更改时中断布局(通常在屏幕尺寸中断时),我使用以下内容。这会在一定程度上破坏广告。但这适合我提供的尺寸范围内的整个google广告容器,并且缩小了广告视图。

考虑并希望用户不经常启动屏幕中断,这是一个可行的解决方法。

@media(max-width: <small_screen_width>) {
  .ins-google-adsense, .ins-google-adsense ins, .ins-google-adsense-right iframe{
    height: 100px !important; width: calc(100vw) !important;
  }
}

要使其正常工作,应将Google data-full-width-responsive中的<ins>设置为"false"