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



我在高级模式下使用响应式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;
}

您的响应谷歌广告没有问题。

当你更改浏览器大小时,谷歌广告不会自动调整大小。如果您刷新浏览器,Google Adsense将显示/提供与您的浏览器/页面当前大小相匹配的新广告。

我试图找到文件来核实我的陈述,但找不到任何相关的东西。我的答案是基于我使用响应谷歌广告并对其进行测试的经验。


更新30/05/2019-所有广告单位默认响应

2019年5月30日,谷歌向Adsense出版商发送了一封电子邮件,告知即将对广告单元进行的改进。

邮件上写着:

我们致力于不断投资于广告产品的现代化。因此,我们正在对您过去使用或配置的一些AdSense功能进行一些重要更改。您的广告选项卡将在未来几周内更新,以反映以下变化:

广告大小
我们使创建和管理广告单元变得更加容易。默认情况下,所有广告单元都将创建响应性,以适应移动设备和桌面上的不同屏幕大小,从而提高性能和灵活性。如果你确实需要进一步的定制,你仍然可以创建自定义大小的广告单元。

因此,在接下来的几周内,所有广告都将默认为"响应"。以下是两个谷歌Adsense帮助页面,提供更多信息:

关于响应广告单位

创建一个响应广告单元

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

例如,如果您有一个宽度为30%的,并且您将我们的响应广告代码放置在中,那么根据用户屏幕的宽度,我们将自动提供不同的广告大小。如果您的页面在宽度为1024px的平板电脑上查看,我们将提供307x250的广告,如果在宽度为1680px的21英寸台式PC上查看,则我们将提供504x60的广告。

这意味着当屏幕发生变化时,它会保留第一个加载的屏幕。它实际上并没有响应。

我在adsense博客上读到他们计划解决这个问题,这意味着这是一个已知的问题。

最新更新