Question

我在高级模式下使用自适应AdSense单元。它很有效，直到我决定调整我的浏览器窗口。广告未按媒体查询中的指定调整大小。

<style>
.myad { width: 320px; height: 50px; }
@media(min-width: 500px) { .myad { width: 468px; height: 60px; } }
@media(min-width: 800px) { .myad { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle myad"
     style="display:inline-block"
     data-ad-client="XXX"
     data-ad-slot="XXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

CSS是正确的。在Firebug中，我可以看到媒体规则划掉，取而代之的是：

element.style {
  display: inline-block;
  height: 90px;
  width: 728px;
}

Answer 1

您的自适应Google广告没有问题。

更改浏览器尺寸后，Google广告不会自动调整大小。如果您刷新浏览器，则Google Adsense会显示/投放尺寸与浏览器/页面当前尺寸相符的新广告。

我试图找到文档来验证我的陈述，但我找不到任何相关的内容。我的回答是基于我使用自适应Google广告并对其进行测试的经验。

Answer 2

https://support.google.com/adsense/answer/3213689

例如，如果您的宽度为30％，并且我们将响应式广告代码放入其中，那么根据用户屏幕的宽度，我们会自动投放不同的广告尺寸。如果您的网页在宽度为1024像素的平板电脑上观看，我们会投放一个307x250的广告，如果它在21＆＃34;宽度为1680像素的台式电脑，我们将提供504x60广告。

当屏幕改变时的含义，它保留第一个加载的那个。它不是实际响应。

Answer 3

我在adsense博客上看到他们打算解决这个问题，这意味着它已经知道了问题。

如何使响应式AdSense单元在浏览器调整大小时更改其大小

3 个答案: