Web開発など

Java, JS, CSS, HTML, Unity, C# のことなどを書いてます。フリーソフトや二次創作の公開もしています。

AdSense:レスポンシブ広告の幅や高さを制限する

AdSense のレスポンシブ広告で、幅や高さを制限する方法を書いていきます。

背景

レスポンシブ広告のサイズを一定の範囲に収めたいときに、この方法を使いました。固定幅の広告にしても良かったんですが、最近の AdSense は自動広告やレスポンシブ広告を推奨しているようです。

参考文献

下のリンク先を参考にしました。リンク先を開くと日本語で表示されました。

コード修正方法

support.google.com

広告サイズ

support.google.com

コード例

ins タグの style 属性で制限できるようなので、このブログのヘッダー広告はこんな感じにしてます。

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
 style="display:inline-block;width:100%;height:100px;"
 data-ad-client="省略"
 data-ad-slot="省略"></ins>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({});
</script>