Adsenseを表示させるには、プラグインを使うのが一番手軽です。スマートフォンでアクセスした時には、WPtouchをインストールしておくと、自動的にスマホ用の表示に切り替えてくれます。ところがプラグインでAdsenseを表示させると、パソコン用とスマホ用で同じAdsenseが表示されてしまいます。そこで今回は、パソコンでアクセスしたときはパソコン用のAdsense。スマホでアクセスしたときはスマホ用のAdsenseを表示させる方法を紹介します。2つのコードを取得しておくまずは、パソコン用に表示させるAdsenseコードと、スマホ用に表示させるコードをそれぞれ取得します。Adsenseにログインし「広告の設定」をクリックします。続いて「新しい広告ユニット」をクリックします。広告にわかりやすい名前をつけます。スマートフォン用の広告用コードを取得します。スマートフォンに表示させるAdsenseは、これでなくてはいけない。いう決まりはありません。バナー」を使用します。広告を表示させるタグコードが表示されるので、これをメモ帳などにコピーしておきます。続いてパソコン用のコードを作成します。レクタングル(中)を使用し、同じようにコードをコピーしておきます。パソコン用表示のAdsenseまずはパソコンでアクセスした時に表示させるアドセンスの設定です。続いてWordPressの管理画面(ダッシュボード)にログインし、左側のメニューの中から「外観」をクリック。続いて「テーマ編集」をクリックします。右側に表示された「テンプレート」の中から「単一記事の投稿(single.php)」をクリックします。?>のタグの上下にアドセンスのタグを入力します。–>■色の部分が先ほど取得したアドセンス用のコード(PC用)になります。コード中の「xxxxxxxxxxxxxxxx」の部分はそれぞれ人によって値が違うので、変更してください。最後に「ファイルを更新」をクリックすると、パソコンからアクセスした時に、こちらで追加したアドセンスコードが記事の上部に表示されます。実際にパソコンからアクセスしてみたところ。今回は300×250のバナーを2つ並べてみました。スマホ用表示のAdsenseこのままだとスマホでアクセスした時には、アドセンスが表示されないので、続いてスマホ用の設定を行います。スマホでアクセスした時にスマホ用に合わせて表示を切り替えてくれるプラグイン「WPtouch」のファイルを編集するのですが、ブラウザ上では編集できないので、直接編集します。FTPなどでサーバーにアクセスし、\wp-content\plugins\wptouch\themes\default\の中に保存してある「functions.php」を開きます。上記のようなソースを付け加えます。上の例では、記事の上部に320×50のバナー広告と、記事の終わりに300×250バナー(パソコンで表示させたサイズ)の2つを表示させた例です。}■色の部分が先ほど取得したアドセンスのコードです。スマホ用の表示では、横幅が320ピクセルで表示されるので、パソコン用として300×250サイズの広告でも対応できるのと、より面積が広い広告のほうが、広告単価が高くクリックされやすい傾向があるので、記事の下にパソコン用のバナーを表示させてみました。上記はあくまで一例ですので、HTMLタグなどは自分流に変更してみてください。スマホでアクセスした場合、このように320×50ピクセルのバナーが表示されました。パソコンでアクセスした場合は、先ほど設定したパソコン用の広告が表示され、訪問者のデバイスに合わせてアドセンスを切り替えることが出来ました。見るとスマートフォンで表示させた場合、アドセンスの一部が隠れています。ポリシー違反になってしまう可能性があるし、クリック率も下がってしまうかもしれないので、きちんと修正してみましょう。アドセンスをはみ出さないようにするスマートフォンでWordPressにアクセスした場合、スマホ用に表示を切り替えてくれるプラグイン「WPtouch」は、横幅を320ピクセルで表示させているのですが、よく見ると記事の周りに灰色のストライプの枠とその内側に白い余白があることがわかります。スマホ用のアドセンスは幅が320ピクセルなので、この余白の部分も含めると、360ピクセルぐらいの幅にしないと広告が一部隠れてしまうことになります。そこで、スマートフォンでアクセスした時に幅が360ピクセルで表示させるように、WPtouchのファイルを改良してみます。スマートフォンでアクセスした時に、320ピクセルの幅で表示する設定は、”viewport”で指定します。