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

前端 潘老师 3个月前 (12-08) 97 ℃ (0) 扫码查看

本文主要讲解谷歌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),学习愉快哦!


版权声明:本站文章,如无说明,均为本站原创,转载请注明文章来源。如有侵权,请联系博主删除。
本文链接:https://www.panziye.com/front/12252.html
喜欢 (0)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】