谷歌广告联盟报错adsbygoogle.push()，广告不显示的解决方法

大家看到了我的站长站也添加了谷歌广告联盟，在添加谷歌广告联盟广告代码时，谷歌广告联盟广告不显示，浏览器控制台报错adsbyGoogle.push()，下面是我的站长站亲测可行的解决方法，分享给大家。

报错adsbygoogle.push()原因

首先我们要知道报错adsbygoogle.push()的原因是因为谷歌广告联盟在加载广告前，没有获取到广告联盟代码元素的宽高造成的。

不知道广告联盟的元素宽高，就无法判断广告显示多少个才是刚刚好的，所以就报错。并且不但只是当前分辨率下的宽高，还有其他自适应情况下的分辨率情况宽高，都需要指定才行。

解决方法

首先我们给谷歌广告联盟代码加一个CLASS的类，方便后面使用CSS判断宽高。比如：

<ins class="adsbygoogle wdzzz" style="display:block" data-ad-client="ca-pub-xxxxxxxx" data-ad-slot="xxxxxxx" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({});</script>

wdzzz可以自己定义修改你喜欢的名称

class="adsbygoogle wdzzz"

接着使用“@media only screen and”判断分辨率指定宽高。

.wdzzz{
    float: left;
    width: 1300px;
}
@media only screen and (max-width:1360px) {
    .wdzzz{
        float: left;
        width: 1000px;
    }
}
@media only screen and (max-width:1000px) {
    .wdzzz {
        display: none;
    }
}

我的站长站的高度没写，代表自适应，最后小于1000px就隐藏不显示广告。

以上代码只做参考，“@media only screen and”判断分辨率根据你实际的情况增加判断条件。