STINGERPLUSでスマホとパソコンの広告を切替える方法！コピペでOK！

2019年12月1日

広告のクリック率向上のためには、サイトの訪問者のデバイスに対して可能な限り最大サイズで広告を表示してアピールする必要があります。

例えばAdSenseの場合レクタングル大のサイズは336×280ですが、このままこの広告を貼るとスマホで表示された場合に広告が画面外にはみ出してしまいます。

そこで、訪問者のデバイスがスマホかパソコンかを判断してそれぞれに対して最大サイズの広告が表示される仕組みが必要になってきます。

スマホとパソコンの広告表示を切り替える方法はネット上でいくつか紹介されていますが、STINGERPLUSでもコピペするだけで使用できるコードを紹介します。

また、作業は必ずバックアップを取ってから行うようにしてください。

万が一管理画面にログインできなくなった場合は、下記記事を参考に対処してみてください。

東京monoブログ

function.phpの書換えで管理画面にログインできない場合の対処法

function.phpの編集をミスると、WordPressの管理画面にすらログインできなくなります。僕も何回かやったことありますが、これ初めてだとめっちゃくちゃ焦ります。血の気がひいたのが分かりました。このブログにもfunction.phpのカスタマイズ記事を載せているので、万が一に備えて対処法を記載しておきます。用意するツール管理画面にログインできないわけなので、直接WordPressが格納されているサーバーまで行って、function.phpを直さなくてはいけません。それを可能にするソフトが、FTPクライアントソフトです。僕はWind...

スマホとパソコンの広告を切り替えるコード

STINGER PLUSでもコピペだけで使用できる広告切り替えコードは下記になります。


function showResponsiveAd() {
 if (wp_is_mobile()) {
 $adTags = &lt;&lt;&lt; EOD
&lt;p style="color:#666;margin-bottom:5px;"&gt;スポンサーリンク&lt;/p&gt;
// スマホ用広告コードコピー(例えば300×250)
EOD
;
 } else {
 $adTags = &lt;&lt;&lt; EOD
&lt;p style="color:#666;margin-bottom:5px;"&gt;スポンサーリンク&lt;/p&gt;
// パソコン用広告コードコピー(例えば336×280)
EOD
;
 }
 return $adTags;
}
add_shortcode('wordad', 'showResponsiveAd');

上記のコードをfunction.phpの一番下に貼りつけるだけでOKです。

ショートコードを使用することで、広告掲載の手間も簡略化できます。ショートコードの使い方はこちらの記事を参考にしてください。記事本文に[wordad]と入力するだけで広告が表示されます。

東京monoブログ

WordPress広告の場所設定はショートコードがおすすめ！記事内配置も簡単

広告の配置場所でクリック率がまったく異なるというのは有名な話です。当然WordPressブログ運営においても広告配置の最適化は避けては通れない道なのです。僕も複数の方法を試してみましたが、結局一番簡単でカスタマイズ性が良かったのがショートコードを使用する方法だったので、備忘録を兼ねて記載しておきたいと思います。ちなみに、WordPress用のGoogle公式のAdSenseプラグインもあるのですが、あれは結構ひどかった（笑）直感的にAdSense広告を入れる場所を指定できるところは非常に分かり易くていいのですが、記事内の広...

このコードのif (wp_is_mobile())がスマホかどうかを判断するWordPress関数なので、この関数を用いて広告を切り替えています。

参考にさせて頂いたのはこちらのサイト。というか、ほとんどそのまま使わせていただいております。

シャッフルブログ

WordPressの記事中でPCとスマホのAdSense表示を簡単に切り替える方法！

どうもpei(@pei_babo)です。もは…

広告切り替えコードの使用例

前述のコード用に、AdSenseのスマホ広告を３つ、パソコン用広告を３つの計６つ作成し、３つのペアにして記事内で使用しています。

広告を分けた方が、どの位置の広告がクリックされたか解析しやすくなるためです。

１のグループでは、前述のコードをshowResponsiveAd→showResponsiveAd1、wordad→wordad1に変更し、広告コード欄にそれぞれスマホ用広告１、パソコン用広告１を貼りつけています。

２、３、のグループも数字を１から変えて同様のコードを作成して使用しています。

まとめ

STINGER PLUSでもコピペだけで使用できる広告切り替えコードを紹介しました。

広告収益はブログ更新のモチベーションにもなるので、切り替えコードを使用して広告サイズの最適化にチャレンジしてみてください！

こちらも読まれています