WPtouchでスマートフォン表示させたWordPressブログのGoogle Adsenseのサイズを最適化してみた

      2015/09/19

Pocket

スマホとPCを使う人 2

先日、当ブログにもGoogle Adsenseを導入しましたが、スマートフォン表示させると画面からはみ出してしまうという現象が起こります。当ブログで「single.php」や「functions.php」に直接書き込んだのは、プラグインなどを使うとこのような現象が生じるためです。しかし直接コードを書き込むことでスマートフォン表示ではアドセンスが表示されなくなりますから、スマートフォンでの表示には別の場所にコードを書き込む必要があります。

当ブログでは3箇所にアドセンスを表示させていますから、それぞれの設置方法についてご紹介します。

タイトル下にはWPtouchのプラグイン設定画面から表示可能

WordPressのダッシュボード画面から「設定⇒WPtouch」へと進みます。

スクリーンショット 2013 09 27 19 18 23

「Advertisign,Stats&Custom Code」の項目にアドセンスの「サイト運営者ID」を入力します。「pub-」の箇所も含めて全部コピーして貼り付けます。これでスマートフォンサイトではタイトル下に表示されるはずです。

PCサイトと同様に「moreタグ」の箇所に配置する

前回の記事と同様に「@kankichiさんの記事」を参考にして「functions.php」に直接書き込む方法をとりました。

入力すべき箇所が分かりにくかったので、契約しているレンタルサーバーの中にある「function.php」(public_html/wp-content/plugins/wptouch/themes/defaultの中にあります)の最後に直接追記する形で入力しました。

使用するアドセンスコードは250×250のサイズのものを使用するのが一番スッキリ入るかなーと思います。

記事の最後に表示する

これも契約しているレンタルサーバーの中にある「single.php」(public_html/wp-content/plugins/wptouch/themes/defaultの中にあります)に直接書き込みます。

30行くらい下がると

<!– Categories and Tags post footer –>

という箇所がありますから、この直前にアドセンスコードを書き込みます。

これで、記事の直下に表示させることが可能です。ここでもやはり使用するアドセンスコードは250×250のサイズがスッキり見えると思います。

スマートフォンでの表示は特に気を遣うべきです

スマートフォンの急激な普及により、ほとんどのブログでモバイルからの訪問が増えていると思います。当ブログではpvの約80%がスマートフォンからの閲覧となっております。もし50,000pvあるブログであれば、約40,000pvはモバイルからの閲覧ということになります。これは無視できない問題ですね。

多くのブロガーはPCからブログを書くほうが、画像の編集や執筆スピードの観点から好まれる傾向にあると思います。ともすると、モバイル端末からどのように見えているのかということをあまり気にしていないブロガーさんもいるのではないかと思います。

ですが、今は逆にモバイルからの見え方を重点的にカスタマイズする方がユーザビリティに優れているブログであると言えるのではないでしょうか。アイキャッチ画像などで挿入している画像はスマートフォンのサイズに応じて自動的に縮小されるのですが、アドセンスについては挿入したタグで設定されているサイズのまま表示されるので、PCサイトでは最適なのですがスマートフォンページでははみ出してしまいます。

「少々画面からはみ出していたっていいんじゃない?」なんて後回しにしないで、是非取り組んでみてくださいね。

 - ブログ運営

  • このエントリーをはてなブックマークに追加
  • Pocket
  • Clip to Evernote
  •    
  • follow us in feedly

  関連記事

アマチュアブロガーの悶絶:#01 プロブロガーっていう言葉があるなら私はアマチュアブロガーなのか?

プロブロガー本、いつも参考にさせていただいています。私がアメブロから今のスタイル …

【アンサー・エントリー】 ”2012年の総まとめ” 歳月庵の今後の展望を考える上で考慮すべきこととは

今回は当ブログの今後の展望について迷走してみたいと思います。 なお、この記事はm …

履歴書から学ぶ「自分のことを知るために自分に問いかけてほしい8個の質問」

人間は自分で思っているほど自分のことをよく知らない生き物です。自分は本当はどのよ …

自分のブログやサイトのグーグルアドセンスを誤って自分でクリックしてしまった時の対処法とは

昨日、夜中にウトウトしながら自分のブログをチェックしていて、間違えてグーグルアド …

いくつもの自分を確保するのは大変な負担だと気がつく

ブログを続けるモチベーションをお金に求めてしまうと長続きしないという意見が散見さ …

アマチュアブロガーの悶絶:#03 ブログに個性を求める方法って?

世の中には1人として同じ人間はいません。という事はあなたが書くブログは個性的なこ …

アマチュアブロガーの悶絶:#07 先輩ブロガーを参考にしても真似してはいけない

ブログをうまく軌道に乗せる方法として、先輩ブロガーのいいところを積極的に真似して …

ブログ投稿をFacebookページに自動投稿できるようにしてみた

こんばんは、Atsushi(@atsushi_k0)です。 作ったまま放置してい …

ブログでの主張の移り変わりを恐れることはない

私は今までの34年の歳月の中でいろんなライフイベントを経験するたびに、当然ですが …

838記事あるメインブログより、たった8記事しかないサブブログのほうがPVが高かった理由を考えた

このての記事は書くつもりがなかったのですが、どうにも困ったことになってきたので筆 …