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

はじめに
結論
1. 横長に指定する
2. 縦長に指定する
トラブルシューティング
1. 指定値が適応されない場合
参考

はじめに

Google Adsenseで広告を設置しています。

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

自動調整なので、なんとかならないのかと思ってたのですが、簡単に指定する方法があったのでメモしておきます。

結論

やり方の結論から言うと、data-ad-formatプロパティに縦横の値を指定します。

レスポンシブルの広告コードのデフォルトの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-ad-formatの変更だけだと、指定した形状にならない場合もあります。
そんなときは推奨方法ではありませんが、data-full-width-responsiveをfalseにすることで解決することがあります。

しかし！Googleさんは、この値をfalseにしてしまうことによって、レスポンシブ広告ユニットが全幅サイズに自動拡張されなくなってしまうため、Google的に収益の機会を逃す可能性があります。と、いっています。