【アドセンス収益向上】簡単!プラグインやショートコード不要でWordPress記事中に広告を挿入する方法

公開日: : 最終更新日:2014/07/01 Google, Wordpressカスタマイズ, アフィリエイト

Pocket

Google AdSense

ブログの記事中、特にリード文あとの広告は、アドセンスの収益面からみて有効な手段だと思います。

その理由は、ページに訪れてみたもののリード文を読んで離脱する読者のための出口として、ある程度機能するからです。以前僕もブログで実験したことがあるのですが、それなりに効果もありました。

けれど昨日まで、このブログでは、そんな効果のあった記事中広告を使用していませんでした。

それはなぜか?

記事に毎回広告を挿入するのが面倒くさいからです…。

記事中広告の是非はさておき、収益面を考えれば挿入した方が良いのでしょうが、地味に面倒くさいのが嫌だったんです。

けれど先日、そんな面倒くさい広告挿入から解放される方法を思いつきました。

ということで今回は、Wordpressでプラグインを使用せず、記事を編集することもなく、手軽に広告を挿入する方法を紹介したいと思います。

photo by quickonlinetips

スポンサーリンク

これまでの記事中にアドセンスを挿入する方法

これまで使われている、アドセンスを記事の中に挿入する方法といえば、主に以下の4つだと思います。

  1. HTMLタグをコピーして貼り付ける
  2. moreタグ<!–more–>を置換する
  3. プラグインを使用して挿入する
  4. functions.phpでショートコードを設定し挿入する

「Wordpress AdSense 記事中」でググっても、上位に出てくるほとんどのものが2、3、4の方法です。

これらの方法でもOKという方は、以下の記事がとても参考になります。

1は、最も手間のかかる方法です。これだと毎回毎回HTMLタグをコピペするのも面倒ですし、タグは場所をとるので記事の可読性も下がります。

2、3、4の方法も、タグをコピペするよりはかなり楽なのですが、使用するにはmoreタグや、ショートコードを記事に挿入する必要があります。いくら収益がアップが見込めるとはいえ、これを過去記事すべてに挿入するのは非常に骨の折れる作業です。

けれど、先日良い方法を思いついたので試してみたら、うまくいったので以下で紹介したいと思います。

記事編集、プラグイン不要で記事中にアドセンスを挿入する方法

その方法とは、見出し前に広告を挿入する方法です。

大抵のブログならリード文(書き出し部分)のあとに、H2見出しが挿入されているはず。(多分)その見出し手前に広告を挿入するというものです。

具体的な仕組みとしては、

  1. functions.phpで本文表示前にフック
  2. 記事表示前にH2タグの手前にAdSense広告を挿入
  3. 本文記事を表示

というもの。

functions.phpにコピペして、ちょこっといじるだけでH2タグが入っている記事のすべてに広告が挿入されるようになります。

わかりやすく図で説明すると以下のようになります。

これまで、当ブログではこのような広告配置でした。

これまでの広告配置

この広告配置で最も収益が高いのは記事本文後にある「広告1」と「広告2」でした。

関連記事にある「広告3」は、ずいぶん下にあるためか効果はあまり高くありません。直近1ヶ月のアドセンス収益で言えば、全体の14%程度でした。

収益グラフ

アドセンス収益の86%は記事下の広告からということになります。

今回行う方法で、以下のように「広告3」を、より人の目の触れやすい記事中に持ってくることで収益アップを図ります。

新しい広告配置

上記の「広告3」は、本文に入る前のリード文を読んで離脱する人向けの出口となる広告です。リード文で離脱する読者は必ず一定数いるので、そういった読者の目にも触れるように広告を移動したことになります。

※この方法を使えるのは本文中に見出し(H1-6タグ、H2が望ましい)を使っているブログのみです。文中に全く見出しタグを使っていないブログでは、全く意味のないカスタマイズになります。

広告を挿入する設定方法

設定方法も特に難しくはないと思います。

ただし、functions.phpを編集するのでファイルのバックアップは必ずとっておいてください。

最初のH2見出し手前に広告を挿入する設定

さて設定ですが、functions.phpに以下のように記述するだけです。

本文表示前にフックして、最初の<h2>タグ手前に広告を挿入しています。

ラベルや、スタイルなどは各自のブログに合わせて編集してください。

本文にH2が無い場合は、関連記事下に表示する設定

上の方法だけだと、記事本文中にH2タグを使用していない記事では、3つまで表示できるアドセンス広告の2つまでしか表示されません。

せっかく3つまで表示できるんだから、できる限り表示させるために、関連記事下の広告設定は以下のように行います。

ここでは、本文中にH2見出しが見つからない場合、関連記事下に広告を表示するように設定しています。

もし、stinger3のように、モバイルとPCのデザインが違う配置を使っていて、表示数がうまく折り合わない場合は、wp_is_mobile()などの関数をうまく併せて使用してみてください。

stinger3での設定について

stinger3での広告配置については、以下の記事と合わせて読むとわかりやすいと思います。

このブログテーマは現在、stinger3を使用しています。ですので効果的な広告位置などは上記記事を参考にさせてもらいました。

あと注意点が一つあります。stinger3を使っていてスマホで本文記事中に広告を表示すると、広告が見切れてしまいます。それを防ぐには以下の方法を行ってください。

「記事中」にアドセンスを入れましたが、スマホで見ると画像が半分位で切れてしまいます。

まとめ

以上のように設定したことで、本文中でH2タグを使用している記事では、リード文後のH2タグ直前に広告が表示されます。(例:この記事)

本文中にH2タグを使用していない記事では、関連記事下に広告が表示されます。(例:何時間眠るのが適切か?厚生労働省が薦める年代ごとの睡眠時間

今回の設定を行ったことで、PCでもスマホでも”収益的には”良い位置に3つ広告を表示できているのではないかと思います。

ということで、「記事中広告を考えているんだけど、プラグインを使ったり、ショートコードを挿入するのは面倒くさい」なんて方にはお勧めの方法ではないかと思います。

 

もし試してみて「やっぱ記事中に広告があるのは嫌だなぁ」とか「思ったより収益が上がらないな」と思っても、functions.phpに挿入したコードを削除し、関連記事下のコードを修正すれば元の状態に戻ります。そういった意味で気分的にも手軽に行えるのではないかと思います。

スポンサーリンク

  • このエントリーをはてなブックマークに追加
  • 69

関連記事

5f8d7386a8bf.jpg

「検索サイトで上位表示されたくない!」という逆SEO対策手法がいろいろと面白かったのでまとめ

今朝、原発関連情報の検索に関するこんなニュースを読みました。 原発関連文書に「検索対策疑

記事を読む

2986187518_24400c3e74_z.jpg

WordPressでカテゴリとタグの一覧を取得しておいて、記事作成時に入力漏れをなるべく防ぐ方法

最近このブログの記事もだいぶたまってきました。 Wordpressで記事を書いていて記

記事を読む

C789_yuusitessen500.jpg

【お○ぱい無罪!?】Googleが嫌うコンテンツのボーダーラインを探る!どんな性的表現がNGなのか?

前回、「Googleポリシー違反によるブログのインデックス大暴落が起こる前にあった予兆」という記

記事を読む

Google.jpg

Chrome、Firefox、IEにGoogleシークレット検索を設定する方法(パーソナライズ検索OFF)

Googleは、デフォルトでパーソナライズ検索がオンになっています。 パーソナライズ検索とは、

記事を読む

money-1358332352VeL

ネタがなくても月3万円を稼ぐブログなら誰でも作れる。後はやるかやらないかだけ

以前の記事「障害で指が動かないけど10年前プログラムを始めてみて、これまでの経緯」の最後の方

記事を読む

3551555637_d2384dcbe0_b.jpg

自ブログ見てて「あ、ここ直したい」と思ったら、即Windows Live Writerで記事を編集できるようにする方法

自分のブログの過去記事を読んでいて、修正箇所を見つけることってよくあると思います。 誤

記事を読む

4279453527_12f0d7c940_b.jpg

これからはamazletのようなAmazonアソシエイトリンク作成ツールを作っても直接収益化はできないっぽい

photo by Dima Bushkov 今年の2月にAmazonアソシエイトリンク作成

記事を読む

982fe337834d.jpg

WordPressで個別ページのはてブ数をPHPで取得する方法

以前、はてブAPIでwebサービスを作りたい全ての人に向けて書きましたという記事にはてブAP

記事を読む

stinger3CSS.jpg

STINGER3デフォルトのデザインっぽさをなくすなら、まずカスタマイズしたいCSSセレクタ

STINGER3は今、無料で使えるWordpressテーマとしては、トップクラスの人気テーマ

記事を読む

chase.jpg

WordPressのサイドバーにスクロール追従型の広告スペースをプラグインなしで設ける方法

ブログなどで記事をスクロールしたら、追いかけてくる広告などがあります。 今回はWordpres

記事を読む

コメントをどうぞ

名前、メール、サイト入力は任意です。メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Twitter.jpg
プラグイン不要でTwitterカードをコピペでサクッと設置する方法|WordPressカスタマイズ

昨日、Facebook OGPを手軽に設置する方法について書きまし

Facebook.jpg
プラグイン不要でFacebook OGPをコピペでサクッと設置する方法|WordPressカスタマイズ

以前、Facebook OGPの設定について以下のような記事を

Sidr-A-jQuery-plugin-for-creating-side-menus.jpg
WordPressでボタンを押すとメニューが横からニュッと出るようにする方法|Sidrプラグイン、スマホ用デザインなどに

最近、Wordpressテーマのスマホ用デザインをいじったりし

982fe337834d.jpg
WordPressで個別ページのはてブ数をPHPで取得する方法

以前、はてブAPIでwebサービスを作りたい全ての人に向けて書

762570f0a36f.jpg
文字の入った画像のフォントを教えてくれるサービス「WhatTheFont」が便利

よくWEBページなどを見ていて、「この画像に使われている文字は

→もっと見る

  • BabyLink
    ブログの記事に自然と溶け込むAmazonアソシエイトリンクを作成できるツールBabyLinkを作ってみました。ブログの文中に入れても邪魔にならない、こんな感じのシンプルなリンク↓が簡単に作れます。ツールの詳細