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

Google
スポンサーリンク

はじめに

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的に収益の機会を逃す可能性があります。と、いっています。

レスポンシブ広告のタグパラメータの使用方法 - Google AdSense ヘルプ
レスポンシブ広告のタグパラメータを使うと、レスポンシブ ディスプレイ広告ユニットの動作を変更できます。たとえば、お客様の規定の形状とし

そのため、自己責任で設定してください。

参考

data-ad-formatについて

Google Adsense のレスポンシブ広告ユニットで、横長の広告のみを表示する方法 | R
Google AdSense には、レスポンシブ広告ユニットというものがあります。自動でサイズ調整してくれるため、特に画面解像度が多彩なスマホに使うときに便利なのですが。 使用する場所によっては、レクタングル (正方形に近い形) になってしまうと、ちょっと邪魔に感じる場合もあります。 これがずっと気になっていたんですけ...

AdSenseヘルプ

レスポンシブ広告のタグパラメータの使用方法 - Google AdSense ヘルプ
レスポンシブ広告のタグパラメータを使うと、レスポンシブ ディスプレイ広告ユニットの動作を変更できます。たとえば、お客様の規定の形状とし


タイトルとURLをコピーしました