WordPress記事中最初のH2見出し前に広告を自動挿入方法

目次に行く･戻る

WordPressで記事の途中に思い通りの広告などをショートコードなどによって、
挿入する方法はいくつかあります。

今回は、

記事中の始めのh2タグの前にウィジェットとして追加して自動的に表示する方法です。

具体的な方法はfunction.phpに以下のコードを記載・記述することで、

///////////////////////////////////////
 // 投稿本文中ウィジェットの追加
 ///////////////////////////////////////
 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');

管理画面の中に記事中ウィジェットという項目が追加されます。

こんな感じです。

ここに、
テキストなどのウィジェットを追加すると、
記事中の始めのh2タグの上部に追加した内容が表示されるようになります。

ショートコードなどをわざわざ使用しなくても、
自動的に広告などが表示されるようになります。

この記事を読まれている方におすすめ一覧クリック

→人気のカーナビランキングカーメンテナンスWAKO'S車バイク用オイル

カーメンテナンスワコーズ 車バイク用オイル

ワコーズカーメンテナンス

• 廃バッテリー処分方法
• シガーライターソケット増設方法
• ナビテレビが見れなくなった時
• Windows10・Windows8.1プロダクトキー
• アルミテープチューン貼る場所
• 車から異音の原因
• スロットルポジションセンサー調整方法
• バッテリー交換後アイドリング不調
• ハンドルセンターズレ調整方法
• 車のキーンナンバー確認方法
• ECUリセット方法

• 

  コープさっぽろ

• 

  コープあおもり

• 

  いわて生協

• 

  みやぎ生協

• 

  コープあきた

• 

  生協共立社

• 

  コープふくしま

• 

  コープあいづ

• 

  コープデリ

• 

  おうちコープ

• 

  コープしが

• 

  京都生協

• 

  よどがわ生協

• 

  おおさかパルコープ

• 

  いずみ生協

• 

  ならコープ

• 

  わかやま生協

最後に、function.phpをいじる際には、

必ずFTPソフトなどでいじる前のfunction.phpファイル自体をバックアップしてからにしてください。

でないとミスした時などに画面が真っ白になってしまいます。
バックアップをとっていればそのバックアップファイル自体を元の場所にアップロードで上書きすることで元に戻すことができます。

参考サイト）

コピペ一発！WordPress本文中にウィジェットでアドセンス挿入するカスタマイズ方法

以前2度にわたり、投稿本文中のH2見出し手前に手軽にアドセンス（広告）を表示する方法を書きました。

寝ログ

 

表示をカスタマイズしたい方は、CSSで簡単に微調整ができます。

広告部分には「 .widget-in-article 」、ラベル部分には「 .widget-in-article-title 」というclass名が振られているので、CSSですぐにカスタマイズできます。

参考にCSSです。

.widget-in-article {
 margin-bottom: 20px;
 }
 .widget-in-article-title {
 font-size: 80%;
 color: #333;
 }

おすすめの記事一部広告

おすすめ！！

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう！！ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ！！

詳細ページへ

No.1シェアAmazon

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に！！楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

詳細ページへ

楽天市場

あなたにおすすめ

バッテリー交換後の廃バッテリー処分方法3つ

バッテリー交換は、どの車においてもいずれは発生する事象です。新車で購入して3年で乗り換えなんて言う方は今ではそんなに多くはないと思います。（中に入ると思いますが、多くの方々はそれ

「Stinger6, Stinger7, WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧

アクセスランキング

目次に戻る