STINGER7で最初のH2の前に広告を貼る方法

よっしゃ！メモがてら、STINGER7でのスマホでのH2(見出し2)の前にAdSense広告の貼り方について記事に残します
いろいろ模索していくうちに参考したサイトもあるのでそちらも参照するとこの記事をよりわかりやすいかも

スマホ閲覧の際にスマホ用広告の広告を貼り付ける

PCはPCでの広告の貼り方
スマホはスマホの広告の貼り方があるかと思いますが
STINGER7ではちょいとわしの広告の好きな貼り方がないのでちょいちょい模索し、わしの好きな広告の貼り方を･･･

とそのまえに下準備があるので、少しめんどいかもしれないけど収入があがるんだったらなんでもしますよ！

STINGER7の子テーマを準備する

STINGER7では子テーマを導入すること勧められてるんですが、なにかと親テーマをいじるとややこしいので子テーマを推奨してるんですって
なので子テーマのURLを載っけておきます

• STINGER7公式DLページ
  

この記事を見ている人については既にSTINGER7にしてると思うので、子テーマだけをDLしてください
親テーマはここでの記事ではいじってないので、いじらない前提でいきやす

【functions.php】にとあるコードをブチ込む

function.phpを弄る前にバックアップをとること推奨します
なにかあった時のために必ず必要になりますからね！

まずは、ダッシュボードから｢外観→テーマ編集｣に移動します

移動したら、子テーマである｢stinger7child｣を選び、｢function.php｣をクリック

移動しましたね？
そしたら、以下のサイトに行きとあるコード参考にします

• これは簡単！WordPressで最初のH2見出しの前にアドセンス広告を自動挿入(ウェブアシビ様)

function.phpを弄る前に必ずバックアップしておくこと

以下のコードをコピーするのだ！

///////////////////////////////////////
// 投稿本文中ウィジェットの追加
///////////////////////////////////////
register_sidebars(1,
  array(
  'name'=>'投稿本文中',
  'id' => 'widget-in-article',
  'description' => '投稿本文中に表示されるウイジェット。文中最初のH2タグの手前に表示されます。',
  'before_widget' => '
',
  'after_widget' => '
',
  'before_title' => '
',
  'after_title' => '
',
));

///////////////////////////////////////
//H2見出しを判別する正規表現を定数にする
///////////////////////////////////////
define('H2_REG', '//i');//H2見出しのパターン

///////////////////////////////////////
//本文中にH2見出しが最初に含まれている箇所を返す（含まれない場合はnullを返す）
//H3-H6しか使っていない場合は、h2部分を変更してください
///////////////////////////////////////
function get_h2_included_in_body( $the_content ){
  if ( preg_match( H2_REG, $the_content, $h2results )) {//H2見出しが本文中にあるかどうか
    return $h2results[0];
  }
}

///////////////////////////////////////
// 投稿本文中の最初のH2見出し手前にウィジェットを追加する処理
///////////////////////////////////////
function add_widget_before_1st_h2($the_content) {
  if ( is_single() && //投稿ページのとき、固定ページも表示する場合はis_singular()にする
       is_active_sidebar( 'widget-in-article' ) //ウィジェットが設定されているとき
  ) {
    //広告（AdSense）タグを記入
    ob_start();//バッファリング
    dynamic_sidebar( 'widget-in-article' );//本文中ウィジェットの表示
    $ad_template = ob_get_clean();
    $h2result = get_h2_included_in_body( $the_content );//本文にH2タグが含まれていれば取得
    if ( $h2result ) {//H2見出しが本文中にある場合のみ
      //最初のH2の手前に広告を挿入（最初のH2を置換）
      $count = 1;
      $the_content = preg_replace(H2_REG, $ad_template.$h2result, $the_content, 1);
    }
  }
  return $the_content;
}
add_filter('the_content','add_widget_before_1st_h2');

テキストのラベルにはわしの場合は文字はいれていません！
ワシの場合このような感じでやっております

スポンサーリンク>
<--広告コード-->

ショートコードを使用する際に以下のサイトも参考にしました

• WordPressでスマホとPCで表示する内容を変える(アフィリエイト野郎様)

最後になりましたが、これはあくまでもスマホ･タブレット閲覧用の広告の表示なのでPCで閲覧しても広告表示されないのであしからず
また、PCでの閲覧の場合の広告表示のやりかたについては後日記事にしたいと思います

まとめ

1. コピペでなまら簡単にできる
2. 子テーマのfunction.phpなので親テーマをいじらなくても済む
3. 普段からウィジェットでの作業が多いので作業が捗る
4. やりやすい
5. ウィジェット管理なのですぐに編集できる