Google AdSense のレスポンシブ広告ユニットを必要以上に大きくされないようにする
レスポンシブ広告ユニットに変更したら、300 x 600 サイズのラージ スカイスクレイパーが表示されるようになってしまったので、縦の最大を決めておく方法です
レスポンシブ広告コードを修正します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<style type="text/css"> .adslot_1 { width: 100%; height: 250px; } </style> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- レスポンシブ --> <ins class="adsbygoogle adslot_1" style="display:inline-block" data-ad-client="ca-pub-1234" data-ad-slot="5678" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> |
やっていることは、
1.cssの追加
この場合は、.adslot_1 { width: 100%; height: 250px; } を追加して、縦を最大で250pxに制限
2.classの追加
class=”adsbygoogle adslot_1” adslot_1を追加しています
3.data-ad-format=”auto”の削除
これを削除しないと、はみ出します
これで、300 x 600のサイズの広告は出ないですし、タブレットやスマホでも最適なサイズの広告が表示されるようになりました
-
前の記事
Googleさまに写真の著作権侵害の申し立てをしてみた 2014.05.22
-
次の記事
記事がありません