WordPressでパソコン表示では336×280のダブルレクタングル、スマホ表示では300×250のアドセンスを表示させるコード

パソコンとスマホで別々のアドセンスを使う方法

どうも、@NewsBank7です。

今日はタイトルの通り、WordPressのブログでパソコン表示には記事下に336×280のダブルレクタングルスマホ表示には300×250のアドセンスを表示させるコードをご紹介します。

パソコンとスマホでテーマを分けている場合はそれぞれのテーマに別のアドセンスコードを貼ればいいのですが、レスポンシブデザインの場合は同一のテーマファイルしかありません。

そのためダブルレクタングルのコードをそのまま貼ってしまうと、スマホ表示では画像のように縦に2つのアドセンスが並んでしまいます。

スマホでアドセンスが縦に2つ

以前まではスマホサイトでアドセンスが縦に2つ並ぶと規約違反でしたが、今は規約上は問題ありません。ただ読者さん側からすると非常に煩わしく誤クリックも多くなるので、個人的にはやめておいた方がいいと思います。

そのためここでは、パソコン表示では記事下に336×280の広告を横に2つ並べ、スマホ表示では300×250の広告を1つ設置していきたいと思います。

スポンサードリンク

PC表示とスマホ表示でアドセンスを変える

WordPressのブログでパソコン表示とスマホ表示でアドセンスを使い分けるためには、wp_is_mobile関数を使います。

パソコン表示で336×280のダブルレクタングルスマホ表示で300×250のアドセンスを表示するには以下のコードをコピペしてください。

コピペで使えるコード

<?php if (wp_is_mobile()) :?>
<p style=”font-size:5pt; color:#999999″><center>スポンサードリンク</center>
スマホのアドセンスコードをコピペ
<?php else: ?>
<p style=”font-size:5pt; color:#999999″><center>スポンサードリンク</center></p><table cellspacing=”15″>
<table>
<tr>
<td>PC左側アドセンスコードをコピペ</td>
<td>PC右側アドセンスコードをコピペ</td>
</tr>
</table>
<?php endif; ?>

これをsingle.phpの記事下部分に貼ると設置は完了です。

最後に

今回ご紹介した配置は収益増にかなり効果的ですので、レスポンシブデザインをお使いの方はぜひ参考にしてみてください。

ダブルレクタングルについてはこちらの「アドセンスを横に2つ並べて表示する方法。ダブルレクタングルで収益アップだ!」で解説しているの、良ければ合わせてご覧ください。

アドセンスを横に2つ並べて表示する方法。ダブルレクタングルで収益アップだ!

2014.10.29

以上、WordPressのブログでパソコン表示では336×280のダブルレクタングル、スマホ表示では300×250のアドセンスを表示させる方法でした。

最後まで読んでいただき感謝!感謝!

スポンサードリンク

いいね!と思ったらシェアしてね♪

スポンサードリンク

15 件のコメント

  • 初めまして、相沢と申します!

    とても分かりやすく、かつWEB運営の幅が広がる濃い記事を
    ありがとうございますm(_ _)m

    http://newsba-nk.com/adsense-wp_is_mobile
    も参考にさせて頂きました。

    1つ質問がございます。

    本記事および上記の関連記事でご紹介していただいたのは
    あくまで「記事下」のようにテーマ編集からsingle.phpに書き込めるものだけが
    対象のコードかと存じます。

    例えば、追記タグの真下に広告を貼れる「Master Post Advert」であったり
    記事中に手動で貼る際にも本記事のようにスマホ用の広告とPC用のアドセンスコードを自動的に振り分けるには
    どうしたら良いでしょうか?

    追記タグ直下、記事中にそれぞれ1枚ずつ貼り、
    記事下にもう1枚貼るというのが私のやり方で、
    厚かましい話ですが、解決策をご教授いただければ幸いです。

    お忙しい中恐縮ですが、
    ご回答いただけますようよろしくお願いいたします。

    相沢

    • 試していないので可能かどうかわからないですが、ショートコードを使えばできると思います。
      こちらを参考にされてみるといいかもしれません。
      http://kawatama.net/web/wordpress/810

      また記事内でもPHPが使えるExec-PHPというプラグインがあるので、それを使うことでも可能かもしれません。
      試していないので保証はできませんが、参考になれば幸いです(^^)

  • […] よろずなんでもベルギー屋にも記事下ダブルレクタングルと記事中横長バナーを入れてみましたが、こちらのダブルレクタングルは違う手法を使っています。というのも、Stinger3じゃないのであまり解説がなかったことと、テンプレートの中身が違っているのでStinger3用の手法ではカスタマイズできないからです。こちらは「パソコン表示では336×280のダブルレクタングル、スマホ表示では300×250のア…」という記事を参考にさせていただきました。が、記述のあるコードをどこに入れるのか・・・。多分この辺だろうという予測でなんとか解決できました。 […]

  • 記事、とても約に立ちました。
    おかげで、貼りたい場所に広告を貼ることができました。

    しかし、場所とダブルレクタングルはできたのですが、広告が左寄りになり、2つの広告のスキマもなく横並びになってしまいました。
    タグを使っても左よりのままです。

    これをキレイに整えるのは、どうしたらよろしいのでしょうか?

    style.cssをいじることになるのでしょうか?

  • こんにちは。。
    Ameba Owndをしようしております。
    WPではないのでPCとスマホの条件分岐の方法がわかりません。
    教えていただけないでしょうか?

  • 参考にさせてもらってます。
    実はこちらのコードでうまくいかなかったのですが
    ただたんに私がアホなんですが
    テキストに入力でもできますよね・・・?

    携帯広告の方のスポンサードリンクって文字が画面にのこってしまっておりまして・・・。

    • コメントありがとうございます( ´∀`)
      テキストというのは、WordPressの記事を執筆する画面のテキストですかね?
      それであればこのコードは記事の編集画面から直接貼ることはできず、
      「外観」→「テーマの編集」にある「single.php」に貼り付ける必要があります。

  • ラボさま
    お返事ありがとうございます。
    テキストというのはワードプレスの記事の執筆画面のテキストです。

    外観から貼り付けなんですね。
    そうすると、記事ごとにレイアウトを変えたい場合は厳しいですね。

    アクセス数が1日2000ほどなんですが
    そのためかアドセンスにもすんなり通ったのですが
    あまりの自分の広告設置のセンスのなさに
    収入が数十円です(笑)
    ラボ先生のところで勉強させてもらってます。

    • お使いのテーマによって名前が違うと思います。
      使っているテーマ名を教えていただけると、調べてみますよ(^O^)

  • ありがとうございます。先生。
    昨日からずっとやっていてできません。
    お忙しいのにすみません。

    テーマはsimplicityです。
    ワードプレス、PCともに初心者です。

    あと、先生の記事を読み漁り工夫し
    昨日の売り上げは400円でした。飛躍しました。
    これからも、よろしくお願いします。

    • そう言っていただけて光栄です(^O^)
      まだまだ書きたいことが山程あるので、
      気長に読み続けていただけたらと思います。

      ちなみにsimplicityであれば「single-page.php 」がありませんかね?

        • simplicityはウィジェットから記事下にダブルレクタングルを設置できるみたいですね。
          「simplicity 記事下 ダブルレクタングル」とかで検索してみると、
          詳しい記事がたくさんあるので調べてみてください(^O^)

          • なるほど!やってみます!
            これからもブログの更新よろしくお願いします。
            全体的に他のサイトより先生のサイトはわかりやすいです。天才です。

            これからもよろしくお願いします。

  • コメントを残す

    メールアドレスが公開されることはありません。