Google AdSenseでスマホ表示時に横幅をはみ出ないようにする方法

ブログやコラムなどを運営し、Google AdSenseを取り組む際、スマホ表示時に画面フルに広告が表示されてしまい、これを変更したいと悩まれている方がいます。

今回はフルサイズではなく、左右に余白を設ける方法について紹介します。

data-full-width-responsiveのパラメータを"true"から"false"に変更することで、画面に対してフルサイズではなく、左右に余白を持たせることが可能です。

Google AdSenseを設定時にソースコードを変更せずに設置をした場合、上記のように画面サイズ一杯に表示されてしまいます。

ただ、中には下記のようにページやブログのサイズに合わせたいという方も考えている方もいます。

その場合はGoogle AdSenseのソースコードの一部を変更することで、変更が可能です。

方法としてdata-full-width-responsiveのパラメータを"true"から"false"に変更しましょう。

それだけで、ページやブログの指定のサイズ幅になり、左右に余白をもたせることができます。

収益性を考えるのであれば、そのままの設定のほうが良さそうですが、Google AdSenseはクリックされることで収益が発生するため、ページやブログのデザインに応じて変更しましょう。