本文記事1、2、3番目のH2見出し手前にアドセンスを挿入するWordPressカスタマイズ方法

1年ほど前、最初のH2見出し手前に広告を表示する方法を考えてみました。

【アドセンス収益向上】簡単!プラグインやショートコード不要でWordpress記事中に広告を挿入する方法
ブログの記事中、特にリード文あとの広告は、アドセンスの収益面からみて有効な手段だと思います。 その理由は、ページに訪れてみたもののリー...

この方法は、現在自分のテーマでも利用しています。

ただ先日、フォーラムの方に「1番目と2番目と3番目のH2タグ手前にアドセンスを入れたい」という要望がありました。テーマの方では、自分の考えと他の機能との兼ね合いもあって機能追加はしませんでしたが、実装方法には、興味があったので、コピペで手軽にできるカスタマイズ方法を考えてみました。

photo by Kristina Alexanderson

スポンサーリンク
レクタングル(大)広告

完成形

今回の、カスタマイズをWordpressテーマ(子テーマ)に施すことによって、本文中に以下のような広告を挿入できるようになります。

1、2、3番目のH2タグ手前に広告を入れる

投稿を本文中に現れる、最初3つH2見出し手前だけに広告を表示します。

基本的にコピペ一発で、カスタマイズできて、あとは広告タグを挿入するだけにしたいと思います。

このカスタマイズを行う前に注意点があります。本文中広告のように、本文の中に広告が入ることは、あまり快く思わない方も一定数おられるかと思います。その本文中広告が、本文中に3つも入ると、「邪魔すぎる」と思われる方もいるかと思うので、カスタマイズする場合は、そういったことを踏まえてご利用ください。

カスタマイズ方法

カスタマイズ方法は、以下をfunctions.phpに貼り付けるだけです。

あとは、「ここにアドセンスを挿入」と書かれている部分をアドセンスタグに変更するだけです。

実際には以下のように表示されます。

1つのアドセンスタグを入力した表示例

最初3つのH2見出し手前に広告が表示され、それ以降の見出しには表示されていないのがわかります。

それぞれの広告タグを分ける場合

アドセンスの、カスタムチャンネルを利用している場合は、パフォーマンスを計測するために、アドセンスタグを分けたい場合もあると思います。

そういった時用に、タグを分けられるコードも載せておきます。

「ここにアドセンスを挿入」と書かれた部分に、それぞれタグを入力してください。

以下のように、異なる広告タグがセットされます。

3種類のアドセンス単語入力した表示例

注意点

今一度注意点です。

アドセンスポリシー上は、以下の点に注意してください。

  • 本文中広告には「スポンサーリンク」のようなラベルを入れる
  • 本文部分が短かすぎるとモバイル画面で2つ広告が表示されるかもしれないので注意

あと本文中のH2見出しですが、以下のような書き方の時は有効ですが、

以下のような書き方では、見出しと判断しないようにしています。(同名見出しがあった時の不具合対策として)

ただ、Wordpressエディターは上のような書き方はしないので、わざとそのような書き方にでもしない限りは、広告が表示されないなんてことはめったにない思います。

まとめ

というわけで、広告を全て本文中に入れる方法を紹介しました。

「とにかく本文中広告はパフォーマンスが良いので全て本文中に表示したい」なんて人にはいいかもしれません。

あと最後に、もう一度書きますが、本文中広告は邪魔と思われる方もおられますので、そこらへんは各自の広告ポリシーと照らし合わせて利用するか判断してください。

Googleいわく「タップされたモバイル広告のうち半数は意図せずタップされたもの」といったようなケースもあり、訪問ユーザーの利便性を損なう可能性もありますので、ご利用は計画的に。

『本文記事1、2、3番目のH2見出し手前にアドセンスを挿入するWordPressカスタマイズ方法』へのコメント

  1. 名前:noho 投稿日:2015/07/13(月) 22:45:01 ID:9f723c9fc

    こんばんは。フォーラムで質問したものです。
    テスト用のサイトから他のサイトに移植しようとしたら、アドセンスが表示されなくなりました。

    原因は調べたらわかりました。
    PS Disable Auto Formatting
    という整形プラグインです。改行の問題がありこのプラグインを使っています。。

    「見出しのパターン」のところを修正すればいいと思うのですが、、
    正規表現に疎くいまいち改善できません。。

    h2を認識させるよい方法はないものでしょうか?
    たびたび申し訳ございませんが、ご助言いただけると大変助かります。

  2. わいひら 名前:わいひら 投稿日:2015/07/14(火) 12:50:42 ID:04af66d7b

    僕は、そのプラグインを使ったことがないのですが、そのプラグインを利用すると、H2タグ前後のソースはどのように整形されるのでしょうか?

    ブラウザのソースを開いて、該当部分をキャプチャした画像のURLをいただいて良いでしょうか。(ソーステキストを貼り付けても、おそらくコメント機能によりタグが取り除かれてしまう可能性があるため)

    面倒な場合は、以下などからちょっと勉強するだけで、このエントリー程度の正規表現なら、すぐ理解できると思います。
    ゼロから正規表現を使えるようになるためのステップ – Qiita

  3. 名前:noho 投稿日:2015/07/14(火) 20:45:45 ID:b407c271d

    こんばんは。

    説明不足で大変申し訳ございません。画像を張りつけます。
    正規表現の方もお手数おかけしないように、少し勉強してみようと思います。

    投稿画面のテキストttp://s1.gazo.cc/up/142410.png

    PS Disable Auto Formattingプラグイン無効(正常に表示できる)ttp://s1.gazo.cc/up/142411.png

    PS Disable Auto Formattingプラグイン有効(消えている)ttp://s1.gazo.cc/up/142412.png

    PS Disable Auto Formattingは、たとえば投稿画面のテキストエディタ上で改行されていてもbrタグが入っていないと横並びなります。
    ちょっと見た目ではわからない部分がありますが、内部的にはh2も横並びとして扱われているのではないかと推測しているのですが…。

    PS Disable Auto Formattingのプラグインの説明ttp://netaone.com/wp/ps-disable-auto-formatting/

    よろしくお願いします。

  4. 名前:noho 投稿日:2015/07/14(火) 20:48:47 ID:b407c271d

    すいません、コメント送信がうまくいかず、リンクにしてもうまく投稿できなかったため、見苦しくになってしまいました。お詫びします。。
    お手数おかけしますが、ご返信いただけると助かります。

  5. わいひら 名前:わいひら 投稿日:2015/07/15(水) 13:23:30 ID:3cf0bfe0a

    ソースを見た限り問題があるのはこちらの方ですね。

    PS Disable Auto Formattingプラグイン無効(正常に表示できる)ttp://s1.gazo.cc/up/142411.png

    ソースを見る限りは、プラグイン有効の方は、問題ないように見えます。

    同じテキストのH2見出しにしないのであれば、以下のようにしても大丈夫かと思います。

    これだったら、大抵の場合はOKだと思います。

  6. 名前:noho 投稿日:2015/07/15(水) 18:17:23 ID:0f23f5a94

    たびたびありがとうございます。
    なるほど承知しました。そして無事表示できました。
    個人的には記事内で同じ見出しは使わないと思うので、これで行きたいと思います。

    この度はいろいろとありがとうございました。

  7. 名前:しゅん 投稿日:2015/08/01(土) 23:26:37 ID:f7ddf6c35

    この記事すごく参考になりました!!
    早速、自分のサイトにも導入したいと思います^^

    あと一つ質問なんですが、ループ途中(例えば記事一覧の二番目と三番目の間)にアドセンスを挿入したい場合は、どうfunctions.phpに記載すれば良いですか?

    この記事のように、全てのループ部分に反映させたら便利だなと思ったので、是非ご教授していただきたいです。

  8. わいひら 名前:わいひら 投稿日:2015/08/02(日) 10:35:03 ID:ccd0b3c91

    こちらの投稿ページのカスタマイズ方法と、記事一覧のカスタマイズ方法は全く別物になります。
    なので、以下のようなカスタマイズを行う必要があるかもしれません。

    【STINGER】記事一覧にかっこよくアドセンスを挿入するWordPressカスタマイズ方法

    基本的にfunctions.phpに記載するだけでは無理ではないかと思います。

    その他の情報を探すなら「Wordpress 一覧 広告」もしくは「Wordpress 一覧 アドセンス」と検索してみるといろいろ出てくるかもしれません。

  9. 名前:j民 投稿日:2015/08/28(金) 07:47:51 ID:596fd6ab2

    初歩的な質問な失礼します。
    H2ではなくh3の1番目2番目とアドセンスを挿入したいのですが
    どの部分を書き換えればいいでしょうか?

  10. わいひら 名前:わいひら 投稿日:2015/08/28(金) 13:46:36 ID:e0d3bfeea

    以下の部分のみのh2をh3に変換すればいけるかと思います。

  11. 名前:waimi 投稿日:2015/11/25(水) 01:44:25 ID:9f75c29d2

    こんばんは。Simplicity愛用しているwaimiというものです。
    質問なのですが、こちらの方法でスマホのみで表示させるにはどうすれば良いのでしょうか?

  12. わいひら 名前:わいひら 投稿日:2015/11/25(水) 12:56:57 ID:34408b3aa

    関数内にis_mobile()条件分岐を付け加えれば、スマホのみで表示されるかと思います。(Simplicityの場合)
    Simplicity以外のテーマの場合は、wp_is_mobile()関数を利用する必要があるかもしれません。

  13. 名前:まめしば 投稿日:2016/04/21(木) 00:32:06 ID:06f1410af

    はじめまして!

    知りたい情報が掲載されていたので、とても助かりました。

    しかし、ご相談なのですが「本文中広告には「スポンサーリンク」のようなラベルを入れる」とありますが、functions.phpのどの部分にラベルを入れればアドセンスと同じように自動的に表示されますでしょうか?

    ご存知でしたら教えて頂けると嬉しいです!

    よろしくお願いいたします。

  14. わいひら 名前:わいひら 投稿日:2016/04/21(木) 22:42:04 ID:d20820617

    はじめまして。
    以下は、アドセンスコードと置換する部分ですが、アドセンスコードを挿入した上に

    以下のように追加挿入すればよいかと思います。

  15. 名前:fk 投稿日:2016/04/24(日) 21:39:48 ID:10c381934

    初めまして。

    いつも、大変勉強になる記事ありがとうございます。

    一つご相談させていただけますか。

    この記事の内容を応用して、ではなく、n番目の任意のhtmlタグ(※10個目のみたいな)の直前に、任意の文字列を挿入したいと考えております。

    しかし、単純に「$h2=’〜〜’;」の〜部分を書き換えたところ、記事内全てのに文字列が挿入されてしまうようになりました。

    PHPに疎く原因がわからないのですが、何らかのヒントを頂けると大変嬉しいのですが・・・。

    お忙しい中恐縮ですが、宜しくお願い致します。

  16. 名前:fk 投稿日:2016/04/26(火) 12:00:41 ID:ee4dd7eb6


    自己解決しました。
    失礼しました。

  17. わいひら 名前:わいひら 投稿日:2016/04/26(火) 17:40:46 ID:1e52665e8

    体調不良で、返信が遅れて申しわけありません。
    ただ、いずれにせよ、「$h2=’〜〜’;」の部分がなんと書き換えられたのかがわからないと、ちょっと何とも言えなかったです。

  18. 名前:fk 投稿日:2016/04/28(木) 12:19:17 ID:87336f108

    ご返信すみません。

    「$h2=’〜〜’;」の中に一種類のタグを入れたのが間違いでした。
    一つ一つが異なるように正規表現で指定しないと機能しなかったのですね。

  19. わいひら 名前:わいひら 投稿日:2016/04/28(木) 13:04:02 ID:190607ec9

    そうですね。確かに正規表現は、目的のものに一致するように書かないと、正常機能しないかもしれません。

  20. 名前:田村ひかり 投稿日:2016/06/25(土) 18:36:39 ID:b8f87b0b5

    いつも楽しく読ませてもらっています。
    この記事を参考にし、「h2見出し数でアドセンス位置を変えるWordPressカスタマイズ方法」という記事を書かせて頂きました。
    http://blankalbum.com/add-ads-by-counting-h2/

    コードの利用や私のSimplicity2の押し売り(!)に問題ありましたら、ご連絡くださいませ。

  21. わいひら 名前:わいひら 投稿日:2016/06/25(土) 19:42:36 ID:f82401d7a

    いえいえ、Simplicityをブログで紹介していただけるのは滅茶苦茶嬉しいです。
    コードの利用も参照元を書いていただけているので、全く問題ないです。
    紹介していただきありがとうございます!

  22. 名前:YyY 投稿日:2016/08/27(土) 15:04:15 ID:083a5cd22

    こんにちは。
    いつも楽しく読ませて頂いて、勉強させてもらっています。

    ちょっと一つ質問なんですが、この方法で見出しタグ上にアドセンスを表示するにはテンプレートが”Simplicity”でなくてはいけないのでしょうか?

    自分は「賢威」を使っているのですが、functions.phpの一番下にこのコードを埋め込んでもうまく表示されません。
    コードを追加して実際に自分のサイトを見てみると一番上の部分にコードがそのまま表示されてしまいます。

    お忙しい中恐縮ですが、何かしらヒントなどを教えていただけると幸いです。
    よろしくお願いします。

  23. 名前:YyY 投稿日:2016/08/27(土) 16:37:13 ID:083a5cd22

    ↑すみません、自己解決しました!!

  24. わいひら 名前:わいひら 投稿日:2016/08/29(月) 08:03:55 ID:0120098c8

    うまくいったようでよかったです。
    一応書いておくと、この記事のカスタマイズは、特にSimplicityではなくても大抵のテーマであるが動作することを念頭に書いています。
    動作テストも、Wordpress公式テーマで行っています。

  25. 名前:Maron 投稿日:2016/09/09(金) 18:16:33 ID:29026980f

    こんにちは、
    カスタムチャネル利用ではない方のコードをコピベしたら、表示されました。
    ありがとうございます。

    ところで、h2の1番目と2番目だけを表示したい場合は、どうすれば良いのでしょうか?

    お忙しい中、恐れ入ります。教えて頂けますと幸いです。

    よろしくお願いいたします。

  26. 名前:komori 投稿日:2016/09/10(土) 02:43:44 ID:517c69304

    初めまして!
    アドセンスの広告を自動で貼るためのやり方を探していたらこちらにたどり着きました!
    いくつか質問があるのですが、お時間のある時に教えていただけますと嬉しいです!!

    まず、3つ目の広告をなしにして2つだけ表示するにはどのようにタグを変更すればよいでしょうか?

    もう一つは、私は3つサイトを持っていて、2つは問題なく表示できたのになぜか一つのサイトは同じようにしているのにエラーになってしまいます。
    アドセンスのプラグインが干渉しているのかな?と思って停止してみてもダメでした。

    エラーメッセージの最後に「ライン上の3242」と出ています。
    またサーバーのfunctions.phpを見てみると記述してないのに「?」がたくさん現れていてます。
    このような説明で分かりますでしょうか。。。
    画像を添付したいのですが添付の仕方もイマイチわからなかったので文字で説明してみました。

    もしお分かりでしたらアドバイスいただけるとありがたいです(>人<)
    どうぞよろしくお願いいたしますm_ _m

  27. 名前:komori 投稿日:2016/09/10(土) 03:30:21 ID:517c69304

    度々すみません!
    1つ目は上の方が同じ質問をされてましたね^^;
    もう一つ教えていただきたいのですが、もし2つ目のh2タグの上だけにアドセンスコードを貼る場合はどうなるでしょうか?

    よろしくお願いいたしますm_ _m

  28. わいひら 名前:わいひら 投稿日:2016/09/13(火) 12:15:28 ID:be2062334

    >>Maronさん
    以下の部分をコメントアウトすればいけるかと思います。

  29. わいひら 名前:わいひら 投稿日:2016/09/13(火) 12:31:36 ID:be2062334

    >>komoriさん

    このような説明で分かりますでしょうか。。。

    申し訳ないですが、わからないです;
    この記事のコードは、基本的に他のカスタマイズや、プラグイン干渉がないことを想定して書いているものなので、条件が変われば、エラーが出ることもあります。
    そして、サイトの設定などは、書き込みからはわからないため、何とも言えないです。
    使用しているエディターなどもわからないため、コードを利用する場合は、基本的に自力で解決をお願いします。

    もう一つ教えていただきたいのですが、もし2つ目のh2タグの上だけにアドセンスコードを貼る場合はどうなるでしょうか?

    「それぞれの広告タグを分ける場合」項目の以下の部分のみにコードを挿入すればいけるかと思います。

  30. 名前:komori 投稿日:2016/09/14(水) 14:34:02 ID:4ee6e2cd7

    ありがとうございます!
    考えられる原因はいろいろありありますよね^^;
    一つ一つ探っていってみます!

    2つ目のh2タグの上だけにアドセンスコードの方はできました!
    どうもありがとうございましたm_ _m

  31. わいひら 名前:わいひら 投稿日:2016/09/14(水) 19:43:05 ID:277d6bcc8

    アドセンスコード、うまくいったようでよかったです。
    基本的にエラーの原因としては、文法の間違いか、同名関数が提示してあるとか、プラグインの競合なんて場合が多いと思います。

  32. 名前:借金万歳 投稿日:2016/09/18(日) 14:14:36 ID:c53a74681

    この記事のおかげで、H2の上にアドンセンスを表示できました。
    ありがとうございました。

  33. わいひら 名前:わいひら 投稿日:2016/09/18(日) 14:21:46 ID:90734ff81

    記事がお役に立てたようでよかったです!