自历时进一个月google adsense申请通过以后,就马不停蹄的添加并更新了广告。看着页面上显示的广告内容,心里也是美滋滋的。然后在查看了几个页面后就发现了一个问题,某些页面不显示广告了,并且还占用了一大片的空白。经过搜索查询后,发现很多站长们都遇到过这样的问题。

google adsense谷歌广告显示空白占位置怎么办

google adsense广告的显示不像百度联盟那样,百度联盟不管内容是否匹配后广告信息,都会显示,特别是信息流广告。然后google adsense说是根据网页内容然后显示的,如果内容跟广告不匹配,就不显示了。好吧,不显示就算了,你不能占着位置啊!解决起来只需要一行CSS代码就能搞定。

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

google adsense没有匹配广告时 data-ad-status的值为 unfilled

通过google adsense调用生成的代码就知道,<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1234567890123456" data-ad-slot="1234567890" data-ad-format="auto" data-full-width-responsive="true"></ins>,没有广告时 data-ad-status="unfilled" 

 

google adsense有匹配广告时 data-ad-status的值为 filled

有广告时 data-ad-status="filled" 

这个方法并非完全完美的,因为 data-ad-status 需要等广告请求完成后才能确定,国内网络加载 Adsense 广告比较慢,所以访客可能会先看到一个空白区域,之后这个区域又消失掉。对此可能有人想用其他方法来规避,例如先不显示空白单元,等请求完成后再判断,如果有填充则显示广告,无填充则与原网页没有任何变化。