【STINGER5】moreタグで設置する広告をPCとスマホで切り替える方法

eyecatch_more-tag-adsense

これまでは、プラグインのQuick Adsenseを使用して、moreタグにアドセンスを設置していました。

本当は、PCとスマホで別々のアドセンスを表示したかったのですが、Quick Adsenseは、phpコードが使えない。だから、PCとスマホで同じアドセンス(300×250)を表示していました。

でも、出来る事なら、PCでは(336×280)のサイズ、スマホでは(300×250)のアドセンスを表示したい!

そんな自分にピッタリな記事を見つけたので、早速試してみました!   参考にしたのはこちらの記事。矢野ヨシキさん、ありがとうございます!

スポンサーリンク

functions.phpにコードを追加

// MOREタグの下に広告を表示
add_filter('the_content', 'adMoreReplace');
function adMoreReplace($contentData) {
if (wp_is_mobile()){
$adTags = <<< EOF
<!-- ここに【スマホ&タブレット】で表示させたい広告コードを貼る -->

EOF;
} else{
$adTags = &lt;&lt;&lt; EOF
<!-- ここに【PC】で表示させたい広告コードを貼る -->

EOF;
}
$contentData = preg_replace('/<span id="more-[0-9]+">&lt;\/span&gt;/', $adTags, $contentData);
$contentData = str_replace(' </span>

', '', $contentData);
$contentData = str_replace('

', '

', $contentData);
return $contentData;
}

アドセンスを中央に表示したかったので、広告コードを<center></center>だけ追記。 functions.phpの編集なので、必ずバックアップを取ってから行ってください。  

 

さいごに

Quick Adsenseを削除してプラグインも1つ減らせた! しかも、自分の思い通りの設定が出来て良かった!  

スポンサーリンク

プロフィール

iMacと猫が好きな完全インドア派。

2 件のコメント

  • このコードに、スマホ用のAdsenseのみ貼り付けて、PC用アドセンスを貼り付けなかったら、スマホ表示のみAdsenseが表示されますか?

    スマホだけに記事内Adsense入れて、PCに記事内Adsenseを入れたくないので、ご質問させていただきました。

    • そうすればスマホ用のみの広告が表示されるはずです。

      一度試してみるのがよろしいかと思います。

  • コメントを残す