浜松の風景

Adsenseの広告枠を作成し、生成したコードをウェブサイトに貼ったら背景が黄色く表示されてしまった。

昔はそんなことなかったような気がしたんだけどなぁ。

例えば、320x100 の広告を作成し、実際に表示された広告が、ひとまわり小さい320x50 だった場合に、画像のように空いたスペースが黄色く表示されたりします。

スタイルを1つ追加するだけで、背景を透過できるので、タグを貼りつける際に、追記しておきましょう。

広告コードの中に「style=""」という表記があるかと思います。styleへ以下コードを追加します。

「background-color:transparent;」

以上！

例）
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- XXXXXXXX_320x100 -->
<ins class="adsbygoogle"
style="display:inline-block;width:320px;height:100px;background-color:transparent;"
data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
data-ad-slot="XXXXXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

簡単に対策が可能なので、同じトラブルで悩んでいる方はやってみてください。