STORK(ストーク)の最初の見出し(H2)下にアドセンスを貼る方法

WordPressの有料テーマのSTORK（ストーク）で、最初の見出し(H2)の下にGoogleアドセンス等の広告を導入する方法 を紹介していきたいと思います。

プラグインを使えば簡単に設定可能ですが、あまり余計なプラグインを入れたくない場合に、functions.phpにコピペ1発で設定できる方法がお勧めです。

1 STORK（ストーク)では最初の見出し(H2)下に広告を設置するウィジェットは無し
2 functions.phpにコピペ1発で貼りつけられる
3 投稿本文中に広告を貼りつけられるウィジェットの導入方法
4 ウィジェット「投稿本文中」に広告を貼りつけてみる
5 まとめ

STORK（ストーク)では最初の見出し(H2)下に広告を設置するウィジェットは無し

当ブログはWordPress無料テーマのSimplicityを使用しているので、デフォルトですんなり最初の見出し(H2)下にGoogleアドセンスを導入しています。

しかし、ワタシがこの前、他サイトで導入したWordPress有料テーマのSTORK（ストーク）には、最初の見出し(H2)の下に広告を貼るウィジェットはありません。

最初の見出し下(H2)は、ブログ訪問者がリード文を読んだ後で、離脱する場合の出口 になるので、クリック率がとても良いんですね。

飼いヌコ

なるほど！ブログの出口にもなるのか、よく考えてありますね。

functions.phpにコピペ1発で貼りつけられる

functions.phpにコードを貼りつけるだけなので、超簡単に導入できると思います

飼いヌコ

functions.phpって間違えるとブログが真っ白になる例のアレですね、大丈夫かな？

FTPソフトを使うので、もし万が一ブログが真っ白になっても修正可能です。しかし、念のためにファイルのバックアップは行っておいた方が良いですね。

飼いヌコ

FTPソフト？何じゃそれ。

FTPソフトとは

プロバイダーに置いてあるサーバーに、サイトに作ったデータを送り届けることのできるソフトウェア。

投稿本文中に広告を貼りつけられるウィジェットの導入方法

以下が導入の手順です。

STORKの子テーマにあるfunctions.phpをローカルにダウンロード
functions.phpにコードを追加
functions.phpをSTORKの子テーマにアップロード

STORKの子テーマにあるfunctions.phpをローカルにダウンロード

まずはFTPソフトを起動します。今回はFileZilla（ファイルジラ）を使用しました。導入方法は下記の記事で解説しています。

参考 MixHost(ミックスホスト)にFTPソフトを使って接続する方法【FileZilla（ファイルジラ）】

対象のドメインから「public_html」➝「wp-content」➝「themes」➝「jstork_custom」と進み、中にある「functions.php」をパソコンのデスクトップに保存します。

飼いヌコ

子テーマの「functions.php」をデスクトップにダウンロードする訳ですね。

functions.phpにコードを追加

パソコンのデスクトップにダウンロードした「functions.php」のファイルを開くわけですが、メモ帳ではなくテキストエディターで開きます。ここではTeraPadを使用していきます。

「functions.php」のファイルをTeraPadにドラッグアンドドロップするだけです。

開いたファイルに下記のコードを追加して上書き保存します。

///////////////////////////////////////
// 投稿本文中ウィジェットの追加
///////////////////////////////////////
register_sidebars(1,
  array(
  'name'=>'投稿本文中',
  'id' => 'widget-in-article',
  'description' => '投稿本文中に表示されるウィジェット。文中最初のH2タグの手前に表示されます。',
  'before_widget' => '<div id="%1$s" class="widget-in-article %2$s">',
  'after_widget' => '</div>',
  'before_title' => '<div class="widget-in-article-title">',
  'after_title' => '</div>',
));
 
///////////////////////////////////////
//H2見出しを判別する正規表現を定数にする
///////////////////////////////////////
define('H2_REG', '/<h2.*?>/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');