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

  • URLをコピーしました!

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

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

目次

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

ins{background-color:transparent!important}

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

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

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

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

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

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

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

広告タイプ

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

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

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメント一覧 (2件)

コメントする

目次