【プラグイン不要】moreタグにPCとスマホで別々の広告を表示する方法

 
google-adsense-more

当サイトでもサーバーなどの運営費を賄うためAdsenceを初めとしたSSPを導入しているが、moreタグ(もっと見る)にPCとスマホで見た際、別々の広告を表示するにはどうすればよいのかといった話をよく耳にする。

WordPressプラグインである「Quick Adsence」を用いれば簡単に実装することができてしまうが、今回はあえてプラグインを使用せず実装する方法をご紹介!

wp_is_mobile関数」で条件分岐を行う

上記ソースコードをコピーし「functions.php」内にペーストする。

コピペが完了したらコメントアウトしてある部分に表示させたい広告のソースコードを貼り付ける。なお、広告でなくても任意のURL等も表示することができるためカスタマイズ性は高い。

今回紹介したソースコードは【bridge】さんのものを、ほぼそのまま引用させていただいた。ただ、これだけではスマホで表示した際にズレが生じてしまったためcenterタグを用い中央寄せにする記述を付け加えてみた。

UA(ユーザーエージェント)による条件分岐を行っていない場合は下記リンク先を参考に「functions.php」に付け加えを行うことによりPCとスマホでの条件指定を行いことができるので参考にしてみてほしい。

Special Thanks!
http://bge.jp/more_tag-adsense-pc_sp/

この記事が気に入ったら
いいね!しよう

 

関連記事

コメント0

Comment

*

CAPTCHA