• HOME
  • BLOG
  • Web制作
  • Google Adsense表示前にあらわれる黄色の背景色を非表示にする方法

Google Adsense表示前にあらわれる黄色の背景色を非表示にする方法

Google Adsenseの広告を掲載しているWebサイトで、表示に時間がかかったりする場合に淡黄色の背景色が出てくるのが気になっていたのですが、解決策を知ったのでメモします。

現象

こんなかんじで黄色い枠が表示されることがありました。

2014-02-15_01

せめて黄色ではない色や背景色が表示されないようにすれば、目立たないのでよいかなぁ、と。

解決策

調べてみたところ、<INS>タグにCSSで背景色が指定されているとこうなるようなので、自分のブログのCSSを見てみたところ、案の定、下記のような指定が入っていました。

[code]ins {
background: none repeat scroll 0 0 #FFFFCC;
text-decoration: none;
}[/code]

このbackground(背景色)の指定がよろしくないので、他にこの<INS>タグを使っていないことを確認して、下記の指定を上書きしました。

[code]ins {
background: none;
}[/code]

これで、表示にちょっと時間がかかるときには、黄色の背景色は表示されず、なにも表示されていない状態となりました。

参考にさせていただきました

こちらのサイトでこの方法を知りました。ありがとうございます!

→ Google AdSenseが表示される前に黄色い背景が出てくる時の解決方法 | weberNote

まとめ

<INS>タグ、このたびはじめて知りました……が、WordPressの記事投稿画面によく見たら<INS>タグの挿入ボタンがあるのですね。ちょっと調べてみたら、記事内の「後から追記したもの」を示すときに<INS>〜</INS>で囲むとよいようです。今後このタグをつかうことがあったら、なにかちがうスタイルで見ためを調整したほうがよいかなぁと思いました。

WEB制作・開発、iPhoneアプリ、DTMなどのTipsやメモを書いています。

関連記事