ガイドメニュー

wordpress

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

WordPress

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

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

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

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

STINGER7の子テーマを準備する

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

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

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

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

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

移動したら、子テーマである「stinger7child」を選び、「function.php」をクリック
Baidu IME_2016-4-17_22-44-24

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

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');

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


スポンサーリンク>

<--広告コード-->

Baidu IME_2016-4-17_23-15-10

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

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

まとめ

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

配信はTwitch(ツイッチ)で行っています。フォローよろしくお願いします

サイト管理者のプロフィール

ReinyaN

ストリーマー活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

関連記事とスポンサーリンク

  • この記事を書いた人
  • 最新記事

ReinyaN

ストリーマー活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

-wordpress
-, , , , , , , , , , ,