如何解决Google Adsense只显示黄色背景的问题

Google Adsense 广告在无法显示内容时(比如新申请的网站,仍然处于审核准备期)会显示一块淡黄色的空背景,这个颜色对于大部分站点来说都太过于显眼,用什么方法可以保留Adsense代码的同时去掉占位背景的黄色呢?

(如下图)

使用CSS代码将Adsense的黄色背景设置为透明

可以通过 CSS Style 将 Adsense 广告单元的背景色定义为透明,使用如下代码即可;

<style type="text/css">
  ins.adsbygoogle { background:transparent; }
</style>

如果以上代码无效可以增加[!important]提高优先级后再试一试;

<style type="text/css">
  ins.adsbygoogle { background: transparent!important; }
</style>

除了单独添加额外的CSS代码外,也可以将它添加到Adsense本身的style中;

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"  //在这里添加
     data-ad-format="fluid"
     data-ad-layout-key="xxxxxxxxx"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

修改后的style如下;

style="display:block; background: transparent!important;"

如此一来 Google Adsense 的黄色背景就变成透明了。

You may also like...

说点什么

avatar
  Subscribe  
提醒