アドセンスのレスポンシブ広告ユニット1つを使って、PC表示とスマホ表示で最適化する方法を述べる。JavaScriptではなくCSSでブラウザ横幅に応じて条件分岐可能。 概要および所感 HTMLやCSSを使えるけどJavaScriptは苦手という方でも大丈夫。条件分岐をCSSでできるので苦手意識なくすぐに導入できるんじゃないかな。ifなどが出てこないので、直感的に分かるはず。 レスポンシブ広告ユニット用コードを取得 アドセンス管理画面で広告の設定をクリック。切り替わった画面で+新しい広告ユニットをクリック。 広告サイズでレスポンシブ広告ユニット(ベータ版)をクリックで選択。 あとは通常通り広告ユニットを作成し、コードをコピペする時にモードでアドバンス(コード変更が必要)を選択する。 レスポンシブ広告ユニット用コードを最適化 デフォルトのコード 2014年5月現在、デフォルトのコードは次のよう
![Google AdSenseのレスポンシブ広告ユニットでスマホ表示サイズにも最適化 - 移転→hapilaki.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/22c080d80c7ab2e8f990d235eabee12263179bf0/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhapilaki%2F20140502%2F20140502182453.png)