稼げる副業でお小遣いを稼ぐ方法

稼げる副業でお小遣いを稼ぐだけじゃなく、料理や映画アニメ、趣味などメモにも使っているブログ

副業で稼ぐ仕組みの作り方

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

投稿日:2015年6月20日 更新日:

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

はじめに

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

注意事項

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

スマホとPCで違うサイズの広告を出したい

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

作ってみた

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


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

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

見てみよう

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

パソコンから見た広告

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

pckoukoku

スマホから見た広告

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

pckoukoku2

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

さいごに

サイズに合って初めてデータがとれる

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

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

-副業で稼ぐ仕組みの作り方
-,

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

プラグインのインストール方法【ワードプレス】

ワードプレスは必要時に応じてプラグインをインストールする事でさまざまな機能を追加する事が可能です。今回はインストールの方法をご紹介いたします。 関連記事: Googleアドセンスから警告がきました ワ …

ECCUBE2系から4系移行時に出たNP後払い関連のエラー

前回のエラーからさらにもう一つシステムエラーが出ました。 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 【EC-CUBE】管理画面に色々な箇所のファイルを呼び出す方法 ワー …

A8の登録方法について

副業でアフィリエイトを始めたい人向け!必ず登録しておきましょう 関連記事: もしもドロップシッピングの登録方法 自動相互リンクの作り方 シーサーブログにメニューを作る方法 アクセストレードの登録方法

商品一覧ページを第一階層ごとにデザインを変える【ECキューブ2.12】

商品のカテゴリが数百とある場合、クライアントが欲しい商品を探すのに苦労してしまいます。 関連記事: 【EC-CUBE】管理画面に色々な箇所のファイルを呼び出す方法 ECキューブの管理画面で商品画像がグ …

Shopifyの支払い方法に銀行振込を追加してみた

Shopifyの支払い方法にはデフォルトで銀行振込がありません。 関連記事: 【ゆうちょ】アリエクのアフィリエイト報酬を受け取りました ネスタリゾートを100%遊びたい人へ【宿泊あり】 Yahoo!シ …