Question

我正在尝试使用Google Adsense上的新响应式广告单元将我网站上的静态广告更改为自适应广告

我被困住了，这是我的代码：

HTML：

<div class="g-ad">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Responsive-Forum-Bot -->
<ins class="adsbygoogle g-ad-in"
     style="display:inline-block"
     data-ad-client="ca-pub-client"
     data-ad-slot="adnumber"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

CSS：

@media (min-width:500px){
    .g-ad, .g-ad-in{
        width:468px
    }

    .g-ad-in{
        height:60px
    }
}

@media (min-width:800px){
    .g-ad, .g-ad-in{
        width:728px
    }

    .g-ad-in{
        height:90px
    }
}

我的问题是容器改变了宽度，但它自己的广告并没有改变。难道我做错了什么？我使用了顶部的指南并遵循它..

先谢谢了，嚣。

Answer 1

两件事：
1）您需要为css类＆＃34; g-ad＆＃34;指定高度，因为容器div具有该类。
2）AdSense响应广告没有100％响应：广告不适应窗口大小调整后的容器，在您调整窗口大小后，您必须刷新页面才能在新广告中看到广告大小。

谷歌在页面加载时根据广告容器的宽度和高度调整广告，当然我们（开发者）不太高兴＆＃39;关于它，我在AdSense博客上看到他们打算解决这个问题。

响应式设计＆amp; Google Adsense - 无法让它发挥作用

1 个答案: