どうも、@NewsBank7です。
今日はタイトルの通り、WordPressのブログでパソコン表示には記事下に336×280のダブルレクタングル、スマホ表示には300×250のアドセンスを表示させるコードをご紹介します。
パソコンとスマホでテーマを分けている場合はそれぞれのテーマに別のアドセンスコードを貼ればいいのですが、レスポンシブデザインの場合は同一のテーマファイルしかありません。
そのためダブルレクタングルのコードをそのまま貼ってしまうと、スマホ表示では画像のように縦に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つ並べて表示する方法。ダブルレクタングルで収益アップだ！」で解説しているの、良ければ合わせてご覧ください。
以上、WordPressのブログでパソコン表示では336×280のダブルレクタングル、スマホ表示では300×250のアドセンスを表示させる方法でした。
最後まで読んでいただき感謝！感謝！
初めまして、相沢と申します！
とても分かりやすく、かつWEB運営の幅が広がる濃い記事を
ありがとうございますm(_ _)m
http://newsba-nk.com/adsense-wp_is_mobile
も参考にさせて頂きました。
１つ質問がございます。
本記事および上記の関連記事でご紹介していただいたのは
あくまで「記事下」のようにテーマ編集からsingle.phpに書き込めるものだけが
対象のコードかと存じます。
例えば、追記タグの真下に広告を貼れる「Master Post Advert」であったり
記事中に手動で貼る際にも本記事のようにスマホ用の広告とPC用のアドセンスコードを自動的に振り分けるには
どうしたら良いでしょうか？
追記タグ直下、記事中にそれぞれ１枚ずつ貼り、
記事下にもう１枚貼るというのが私のやり方で、
厚かましい話ですが、解決策をご教授いただければ幸いです。
お忙しい中恐縮ですが、
ご回答いただけますようよろしくお願いいたします。
相沢
試していないので可能かどうかわからないですが、ショートコードを使えばできると思います。
こちらを参考にされてみるといいかもしれません。
http://kawatama.net/web/wordpress/810
また記事内でもPHPが使えるExec-PHPというプラグインがあるので、それを使うことでも可能かもしれません。
試していないので保証はできませんが、参考になれば幸いです(^^)
[…] よろずなんでもベルギー屋にも記事下ダブルレクタングルと記事中横長バナーを入れてみましたが、こちらのダブルレクタングルは違う手法を使っています。というのも、Stinger3じゃないのであまり解説がなかったことと、テンプレートの中身が違っているのでStinger3用の手法ではカスタマイズできないからです。こちらは「パソコン表示では336×280のダブルレクタングル、スマホ表示では300×250のア…」という記事を参考にさせていただきました。が、記述のあるコードをどこに入れるのか・・・。多分この辺だろうという予測でなんとか解決できました。 […]
記事、とても約に立ちました。
おかげで、貼りたい場所に広告を貼ることができました。
しかし、場所とダブルレクタングルはできたのですが、広告が左寄りになり、２つの広告のスキマもなく横並びになってしまいました。
タグを使っても左よりのままです。
これをキレイに整えるのは、どうしたらよろしいのでしょうか？
style.cssをいじることになるのでしょうか？
こんにちは。。
Ameba Owndをしようしております。
WPではないのでPCとスマホの条件分岐の方法がわかりません。
教えていただけないでしょうか？