Googleアドセンスのレスポンシブ広告を任意サイズに変更する方法

Googleレスポンシブ広告

Googleアドセンスのレスポンシブ広告とは、ブログに広告を掲載するとき、自動的に広告が表示できる範囲にマッチしたサイズで広告を表示してくれる優れたサービスです。

今までは、ブログに貼ったパソコン用のアドセンス広告がスマホでは横にはみ出していましたが、Googleレスポンシブ広告だと自動的に表示幅に合わせて縮小してくれるので、スマホのサイズにマッチした表示をしてくれます。

ただ、問題もありました。
自動でサイズが変わってしまうので、自分の希望しないサイズになってしまうのです。しかし、これはアドセンス広告のコードを少しいじるだけで解消できます。






レスポンシブ広告の形態を希望通りにする方法

アドセンス広告は、正方形に近い形だったり、横長もしくは縦長だったりします。「ねたこれ」にレスポンシブ広告を貼付けたところ、自分が希望しない細い横長となってしまいました。
Googleアドセンス

これを正方形に近い形にするのは、Googleレスポンシブ広告のコードを1箇所変更することで可能です。

Googleレスポンシブ広告のコード
ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”ca-pub-88570381″
data-ad-slot=”66933″
data-ad-format=”auto”>

上記のコードに「data-ad-format タグ」があります。この設定値である”auto”は「システムが最適と判断した形態に自動変更」という意味になります。この”auto”を希望の形態によって、以下の通り変更します。

■レクタングル(正方形に近い形)にしたい場合
data-ad-format=”rectangle”

■縦長にしたい場合
data-ad-format=”vertical”

■横長にしたい場合
data-ad-format=”horizontal”

「ねたこれ」で実践したのは、以下の設定変更です。

変更前
data-ad-format=”auto”>

変更後
data-ad-format=”rectangle”>

コード変更後は、ブログ本文の横幅ぴったりの600以上の特大広告となりました。

Googleアドセンス

この解説は、Googleヘルプに掲載されています。
レスポンシブ広告ユニットを作成するーGoogleヘルプ

アドセンス広告を特大広告から横幅336px広告に変更

アドセンス規約に気になるものがあり、「特大広告は1ページに1つまで」というものです。
とても気になるので、掲載する広告をすべて横幅336pxに変更したいと検索したところ、アドセンスのヘルプページに変更方法が掲載されていたので実践してみました。

変更前
style=”display:block;”

変更後
style=”display:block;max-width:336px;”

レスポンシブ広告ユニットを作成するーGoogleヘルプ

今まで特大広告だったのが、最大で横幅336pxの広告のみ表示されるようになりました。

アドセンス広告が336サイズに

スポンサーリンク

シェアする

フォローする