プラグイン無しで本文のh2タグの前にAdSenceの広告や任意のコンテンツを表示する方法

2020年5月30日2020年5月31日 3分

wordpressのSANGOのテーマには最初からイケてるデザインだけでなく、AdSenceの広告も簡単に貼れるウィジェットがあり、これに加えてSANGO公式のPOPURIのテーマを入れればもっとより簡単に広告を貼れます。

が、これ以外のテーマで記事内に任意で広告を貼ろうと思った場合、別のプラグインを入れたりと結構手間だったりします。

今回は、プラグイン無しで本文のh2タグの前にAdSenceの広告や任意のコンテンツを表示する方法についてご紹介します。

h2の前に表示させた形と全体的な流れ
- 全体的な流れ
STEP.1 functions.phpにコピペ
- functions.phpをいじる時の注意点
STEP.2 出したい内容をコピペしところに書く
STEP.3 ファイルを更新を押して保存
STEP.4 表示されているか確認

h2の前に表示させた形と全体的な流れ

この方法は、現在このサイトとは別に運用しているサイトでAdSenceの広告を表示させる為に利用しています。

実装すると記事本文のh2の前に、HTMLやjavaのソースを追加して任意のものを表示させることができます。

全体的な流れ

この実装は4つのSTEPで実装していきます。

STEP.1

functions.phpにコピペ

外観＞テーマエディターの「テーマのための関数 (functions.php)」にコードをコピペ

STEP.2

出したい内容をコピペしところに書く

出したい内容のソースを指定の所に書いていく

STEP.3

保存

「ファイルを更新」をして、保存

STEP.4

テストしてみる

表示されているか確認してみましょう

注意

functions.phpをいじる場合、ftpで必ずバックアップを取ってから行い、テーマ本体ではなく子テーマの方に関数をコピペするようにしましょう。

STEP.1 functions.phpにコピペ

以下のコードを、子テーマの functions.php にコピペしましょう。

functions.php

// h2手前にAdSenseを自動挿入 Start
function adsense_before_h2($the_content) {
//1つ目
$ad = <<< EOF
//ここに1つ目の広告タグを挿入
EOF;
//2つ目
$ad2 = <<< EOF
//ここに2つ目の広告タグを挿入
EOF;
//3つ目
$ad3 = <<< EOF
//ここに3つ目の広告タグを挿入
EOF;
//4つ目
$ad4 = <<< EOF
//ここに4つ目の広告タグを挿入
EOF;
//5つ目
$ad5 = <<< EOF
//ここに5つ目の広告タグを挿入
EOF;
 
if ( is_single() ) {//投稿ページ
  $h2 = '/^<h2.*?>.+?<\/h2>$/im';//h2見出しのパターン
  if ( preg_match_all( $h2, $the_content, $h2s )) {//h2見出しが本文中にあるかどうか
    if ( $h2s[0] ) {
      if ( $h2s[0][0] ) {//1番目のh2手前に広告を挿入
        $the_content  = str_replace($h2s[0][0], $ad1.$h2s[0][0], $the_content);
      }
      if ( $h2s[0][1] ) {//2番目のh2手前に広告を挿入
        $the_content  = str_replace($h2s[0][1], $ad2.$h2s[0][1], $the_content);
      }
      if ( $h2s[0][2] ) {//3番目のh2手前に広告を挿入
        $the_content  = str_replace($h2s[0][2], $ad3.$h2s[0][2], $the_content);
      }
      if ( $h2s[0][3] ) {//4番目のh2手前に広告を挿入
        $the_content  = str_replace($h2s[0][3], $ad4.$h2s[0][3], $the_content);
      }
      if ( $h2s[0][4] ) {//5番目のh2手前に広告を挿入
        $the_content  = str_replace($h2s[0][4], $ad5.$h2s[0][4], $the_content);
      }
    }
  }
}
return $the_content;
}
add_filter('the_content','adsense_before_h2');
// h2手前にAdSenseを自動挿入 End