大家看到了我的站长站也添加了谷歌广告联盟,在添加谷歌广告联盟广告代码时,谷歌广告联盟广告不显示,浏览器控制台报错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”判断分辨率根据你实际的情况增加判断条件。