Google AdSense のレスポンシブ広告ユニットを必要以上に大きくされないようにする

2019年8月23日

レスポンシブ広告ユニットに変更したら、300 x 600 サイズのラージ スカイスクレイパーが表示されるようになってしまったので、縦の最大を決めておく方法です

レスポンシブ広告コードを修正します。

<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のサイズの広告は出ないですし、タブレットやスマホでも最適なサイズの広告が表示されるようになりました

参考：https://support.google.com/adsense/answer/3543893#adv

WEBサービスcss, Google, js

Posted by のぶ