[Googleアドセンス] レスポンシブ広告ユニットの背景の色を消す方法

adsense_back

Googleアドセンスがレスポンシブに対応していたので試しに導入してみました。
その際に背景にやたらと主張する黄色い背景色が・・・

通常のサイトであれば出ないかもしれません。そしてレスポンシブ広告ユニットだけの現象かも検証できていません。
広告ユニットの背景色を消すことは非常に簡単です。

広告タグに使われているinsのスタイルを指定する

ins{background-color:transparent!important}

これで消えるはずです。なお!importantは必要ない場合もあります。

今回のこの現象はWordPressの無料テーマで出た現象です。
テーマ・テンプレートのCSSにinsの記述があるのでしょう。
探すのがめんどくさかったので!importantで強制的に消させていただきました。

スタイルに書くも良し、head内に

<style>
ins{background-color:transparent!important}
</style>

※モダンブラウザであればbody内でも効きます。お勧めはしません。。。

ついでにレスポンシブ広告ユニットの仕様について

GoogleのJSがページを読み込んだタイミングで親要素の横幅を取得して最適な広告を表示するようです。
なのでウィンドウを可変しても広告はリサイズしません。ページを更新すると最適化されます。

広告タイプ

・テキスト広告
・ディスプレイ広告

この2点になります。現在はリンクユニットはありません。
広告タイプの設定で両方表示されるようにすることをお勧めします。

You may also like...

2 Responses

  1. 2014年7月1日

    […] 参考:[Googleアドセンス] レスポンシブ広告ユニットの背景の色を消す方法 […]

  2. 2015年10月5日

    […] 「[Googleアドセンス] レスポンシブ広告ユニットの背景の色を消す方法」 […]

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です