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

こんばんは、@NewsBank7です。

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

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

そのためダブルレクタングルのコードをそのままsingle.phpに貼った場合、スマホ表示では縦に2つのアドセンスが並んでしまいアドセンスの規約違反になってしまいます。

なのでパソコン表示では記事下に336×280の広告を横に2つ並べ、スマホ表示では300×250の広告を設置することにしましょう。

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

パソコン表示とスマホ表示でアドセンスを変えるには、wp_is_mobile関数を使います。

【関連】

【WordPress】パソコンとスマホで別々のアドセンスを表示させる方法!

スポンサードリンク

パソコン表示で336×280のダブルレクタングルスマホ表示で300×250のアドセンスを表示するには以下のコードでできます。

<?php if (wp_is_mobile()) :?>
<p style=”font-size:5pt; color:#999999″><center>スポンサードリンク</center></p>
スマホのアドセンスコード
<?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の記事下部分に貼ると設置は完了です。

管理人みずほのぼやき

FJw4R4Lj

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

ダブルレクタングルについてはこちらの記事も合わせてご覧ください。

【関連】

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

スポンサードリンク

これは・・・。超便利な神ツール!


なんとなんと!これを使えばPCがなくてもCDからiPhoneに音楽を入れることができる!マジで便利な神ツールです。

5 件のコメント

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

    とても分かりやすく、かつ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とスマホの条件分岐の方法がわかりません。
    教えていただけないでしょうか?

  • コメントを残す

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