ワードプレスでスマホとPCで違う広告サイズを表示させる

投稿日：2015年6月20日更新日：2016年8月9日

アドセンスなどの広告サイズは画面に合わないとクリック率が下がりますよね。そこでスマホとPCで違うサイズの広告を表示させる方法をご紹介いたします。

副業ブログ目次

はじめに

4月からスマートフォンの需要が高まりました。そこで急いでスマホ対応した方もいらっしゃるでしょうが、広告サイズをいじっていない人はこの機会にそれぞれに合ったものにしましょう。

アドセンスは作成したすぐは表示されないので気を付けてください。

今現在はパソコンで見た時とスマートフォンで見た場合の横幅ってかなり違ってきますよね。そこで、今回はワードプレスをお使いの方にワードプレスとPCでアクセスした際に違うサイズの広告サイズを表示させる方法をご紹介致します。

ワードプレスであればスマートフォンとパソコンで違う内容を表示させるのは非常に簡単でした。


<?php if ( wp_is_mobile() ) : ?>
  // スマホでアクセスした際に表示
<?php else: ?>
  // パソコンでアクセスした際に表示
<?php endif; ?>

この分岐を広告を表示させたい部分に入力します。たったこれだけでスマホとパソコンで違うサイズの広告を表示させる事が出来ます。

では、実際に違うサイズの広告が表示されているのか確認してみましょう。

パソコンから見た広告は少し大き目の336×280サイズを使いました。

スマホから見た広告はどのタイプのスマートフォンでも合うようにレスポンシブタイプを使いました。

このようにスマートフォンとパソコンからのアクセスで違う広告を表示させる事が出来ました。

4月のgoogleの発表から二か月経ちましたが皆さんはいかがでしょうか？私はこの副業ブログはもともとスマホ対応になっていたので、アクセス解析を見た限りそこまで大きな影響はありませんでした。

ただ、スマホとPCで同じサイズの広告を使用していたことにより、思った以上の広告費を得られなかった経験があります。やっぱり、稼げる副業でアドセンスは一番メジャーではありますが、一番稼ぐのが難しい一つではあるので、一番稼げるやり方で設定していきましょう。