谷歌Adsense广告显示空白data-ad-status=unfilled怎么办？

本文主要讲解谷歌Adsense广告显示空白，F12查看源码发现data-ad-status="unfilled”是怎么回事，又该怎么办，如何解决最好？

google广告显示空白是怎么回事？

谷歌广告不显示或显示空白主要可能是如下原因：

• 网站尚未审核通过或者违规导致被google屏蔽
• 当前页面质量太低，部分页面可正常显示
• 没有匹配该文章内容的广告给予展示
• 代码添加错误，这种概率不大

如果是网站违规或者尚未审核通过，解决方法就是到google Adsense官网去核实下。

谷歌Adsense广告显示空白data-ad-status=unfilled怎么办？

如果只是后面几种原因导致广告处空白，并且查看源码data-ad-status=unfilled，那就自己新增个css样式，将该广告隐藏不显示即可，css如下：

//广告状态为unfilled则隐藏
ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
}

然后就解决了，不会再显示空白了。

进一步优化

虽说以上方法可以解决空白问题，但是有个缺点就是会看到短暂的空白产生和消失，体验不是很好，而且也是对广告位的浪费，我们可以通过以下方法实现当google未匹配到广告时，展示我们自己的广告图片。

我们需要修改谷歌广告代码，在ins标签中新增我们自己的广告图片地址：

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxx"
     data-ad-slot="xxxxxxxx"
     data-ad-format="auto"
     data-full-width-responsive="true">
    <!-- 就在这里添加自己的图片，类似如下 图片宽高自己定-->
   <a href="https://s.click.taobao.com/HJJzA4u" target="_blank" rel="nofollow"><img src="https://www.panziye.com/wp-content/themes/Git-alpha/assets/img/ads/tb_cu.png" width="900px" height="200px"></a>
</ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

然后再定义css如下（记得要删除上面隐藏未匹配的css代码，只用以下的即可）

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

然后我们发现当匹配不到谷歌广告时，我们也能展示自己的广告了。

以上就是谷歌Adsense广告显示空白data-ad-status=unfilled怎么办？的全部内容，希望对你有帮助。欢迎持续关注潘子夜个人博客（www.panziye.com），学习愉快哦！

喜欢 (0)赏

【请潘老师喝杯Coffee吧！】

分享 (0)