Google AdSense レスポンシブル広告 横長 縦長 指定方法

広告

前置き


Google Adsenseを設置しています。
レスポンシブルの広告でサイズ調整してくれるのはありがたいのですが、
場所によって横長のバナーを設置したかったり、縦長のバナーを設置したいことはありませんか?

自動調整なので、なんとかならないのかと思ってたのですが、簡単に指定する方法があったのでメモしておきます。
レスポンシブルの広告コードのデフォのdata-ad-formatはautoに指定されているはずです。
このプロパティを指定したい形式の値に変更していきます。

横長に指定する


data-ad-formatをhorizontalにすると横長になります。
<ins class="adsbygoogle"
style="display:block"
data-ad-client="xxx-xxx-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
data-ad-format="horizontal" <!-- ここ! -->
data-full-width-responsive="true"></ins>
<script>
window.onload = function() {(adsbygoogle = window.adsbygoogle || []).push({});}
</script>

縦長に指定する


data-ad-formatをverticalにすると縦長になります。
<ins class="adsbygoogle"
style="display:block"
data-ad-client="xxx-xxx-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
data-ad-format="vertical" <!-- ここ! -->
data-full-width-responsive="true"></ins>
<script>
window.onload = function() {(adsbygoogle = window.adsbygoogle || []).push({});}
</script>

指定値が適応されない場合


レイアウトによっては上記対応で指定した形状にならない場合もあります。
そんなときは推奨方法ではありませんが、data-full-width-responsiveをfalseにして対応することもできます。
しかし!この値をfalseにしてしまうことによって、レスポンシブ広告ユニットが全幅サイズに自動拡張されなくなってしまうため、Google的に収益の機会を逃す可能性があります。と、いっています。
詳しくはAdSenseヘルプを参照してください。
なので自己責任で設定してください。
<ins class="adsbygoogle"
style="display:block"
data-ad-client="xxx-xxx-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
data-ad-format="vertical"
data-full-width-responsive="false"></ins> <!-- ここ! -->
<script>
window.onload = function() {(adsbygoogle = window.adsbygoogle || []).push({});}
</script>

参考


data-ad-formatについて
https://beadored.com/google-adsense-responsive-only-horizontal/
AdSenseヘルプ
https://support.google.com/adsense/answer/7445870?hl=ja
広告