Google AdSenseのカスタマイズ
いろんな大きさの画面(スマホ、タブレット、ブラウザの幅)にあったアドセンスの広告を表示したい場合の対処法です。※ブラウザを狭めても広告のサイズは変わりません。ページを表示(更新)したときのブラウザの幅に対応しているだけなので、スタイルシートでの工夫がもう少し必要になるかと思います。
設定
どのサイズでもいいので表示したい場所に広告を設置します。
スタイルシートで.adsbygoogleをmax-width(最大幅)または、min-width(最小幅)で目的の広告サイズを指定すると自動的にそのサイズの広告が表示されます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
@media screen and (min-width: 650px) { .adsbygoogle { width: 468px; height: 60px; } } @media screen and (min-width: 900px) { .adsbygoogle { width: 728px; height: 90px; } } |
コメントを残す