Googleアドセンスの広告がスマホで勝手に大きくなる原因と対策

このサイトでは、Googleアドセンス（Google Adsence）を使用して広告を表示させていますが、使用しているのは（この記事の執筆時点では）固定サイズです。

そのため、「View Source」というアプリを使用して、スマホで使用されているソースコードを確認してみました。

つまり、下記のような状態になっていました。

• パソコンで見た時には、設定したとおりの広告（300×250）が表示
• スマホで見ると、固定サイズ（300×250）設定なのにレスポンシブ広告になる

色々と確認したところ、Googleアドセンスには「モバイル広告のサイズを自動で最適化する」という余計な設定がありました。

モバイル広告のサイズ設定をオフにする方法

Googleアドセンスの「モバイル広告のサイズをGoogleに最適化させる」オプションが有効になっていると、Googleがスマホに最適な広告サイズを自動的に調整するようなので、この設定をオフにします。

①広告を選択

「全般設定」のタブを選択します。

モバイル広告のサイズをGoogleに最適化させるのトグルをオフにします。

しばらく、これで様子を見てみたいと思います。

CLS に関する問題について

何故、このGoogleアドセンスの広告が気になったのかというと、サーチコンソール（Google Search Console）で、CLS に関する問題: 0.25 超（モバイル）の問題でエラーがでていたからです。

そのため、原因を確認するために、ページスピードインサイト（PageSpeed Insights）で確認しました。

しかし、Cumulative Layout Shift（CLS）の項目は0でした。

そこで、デベロッパーツールではなく、実際にスマートフォンでサイトにアクセスしたところ、Googleアドセンスの広告が意図しないサイズで表示されていることに気付きました。