WWW Watch

記事に戻る

メディアクエリによるGoogle AdSense 広告サイズの変更サンプル

Google AdSense の新しい非同期型広告コードでは、CSS でサイズを指定することで配信される広告サイズを簡単にコントロールすることが可能になりました。このサンプルは CSS3 の Media Queries (メディアクエリ) を使用して、スクリーンサイズごとに広告サイズを出し分けるサンプルを掲載しています。

なお、メディアクエリに対応しないブラウザは常に 300px × 250px サイズの広告が表示されるはずです。

詳しくは記事 「AdSense の非同期コード使ったらスクリーンサイズにあわせた広告サイズの変更が超簡単だった件」 をご覧ください。

広告サンプル