Loading…

記事内にプロモーションが含まれています。

AdSense WordPress カスタマイズ カスタマイズ 備忘録

h2見出しタグ直前に自動でアドセンスや広告自動表示させる方法

h2見出しタグ直前自動的に広告を挿入

所要時間目安:7

This session is using  IPv4  is established in

この記事は2016年6月29日のものです。現在は状況が異なる可能性がありますのでご注意ください。

AdSense WordPress カスタマイズ カスタマイズ 備忘録

  • 本日
  • 週間
  • 月間
  1. 年末年始渋滞予想

    年末年始の渋滞予測・渋滞予想は、名神・東名は1月2日、3日がピークで55km…。 2PV

    さてさてもうそろそろ、年末年始の帰省ラッシュ時期に近づいてきました。年に幾度となくこの帰省ラッシュという言葉が踊るのでしょうか。 まずは今回のように年末年始、そして夏のお盆時期の会社が夏休みの時期が大…

    もっと読む

  2. 間違いメールと迷惑メールとフィッシング詐欺メール判断方法

    免責事項 2PV

    免責事項当サイトを利用することで発生した損失や損害・その他トラブルに関しては一切の責任を負いかねます。あらかじめご了承くださいますようお願いいたします。 掲載しているコンテンツの内容が間違っている場合…

    もっと読む

  3. スマホファースト

    スマホファースト用にStinger6Stinger7をカスタマイズ 2PV

    WordPressはカスタマイズ性が優れているのは周知の事実だと思います。function.php内にしていする関数?などによっていろいろな事が出来るようになります。 また、テーマによってカスタマイズ…

    もっと読む

  1. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 74PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 26PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  3. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 23PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  1. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 74PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 26PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  3. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 23PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

目次に行く・戻る

メルカリ招待コード:

さて、さて、自分のブログやサイトにおいて収益や収入を得ている人は多くなってきているのではないでしょうか。

アフィリエイト広告からのアフィリエイト収入やGoogle AdSenseや忍者アドやnendやi-modeなどなど…。
そんな中で、どこに広告を表示させたら良いのかということを考えることが多いと思います。

私もそうですが…。

そして、
ちょちょい配置を変えてみたりということをしてしまいます。^^;

今回は自動的にh2タグやh3タグを用いた自動的に広告の配置をするといった方法です。

 

多くの方が見出しタグ直前に広告の配置をする仕様?が増えてきていると思います。

 

アドセンス336pxPC閲覧記事下表示1つ目コード


この記事を読む方へのオススメ


そこで、今回は2つの自動的に広告を見出しタグの直前に表示する方法です。

 

一番はじめのh2やh3の見出しタグの前に広告を配置する方法は以下のコードをコピペするだけで、

 

/* 投稿本文中の最初の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');
 /*ここまで*/

 

上記コードをfunction.php内に追加します。

 

すると、
ウィジェットとして以下のように追加されるので、
このウィジェット内にテキストウィジェットを追加してHTMLコードを記載すれば一番はじめのh2(もしくはh3)タグを利用した自動的に広告を配置することが出来るようになります。

 

一番はじめのh2タグ見出しタグの直前に広告配置する方法

 

他にも、以下のようにショートコードを利用した方法などもあります。

 

ただ、両方を使っているとごちゃごちゃになってしまうので気をつけなければなりません。
(私がそうでしたから!!編集し直すのに結構な時間を費やしてしまいます。)

 

次に、最近ではスマホやタブレット端末などによるサイト閲覧が増えてきています。

 

なので、出来る限り収入をあげる為にPCでの表示とスマホやタブレット端末での表示する位置を、
h2タグ(見出しタグ)を利用して自動的に変える方法です。

 

h2タグ(見出しタグ)を利用してPCとスマホやタブレット端末での広告配置を自動的に変え最適?な位置に自動挿入する方法です。

 

それには以下のように分岐条件を利用してfunction.phpに追記することで実現できます。

 

その前にis_mobile関数が定義されていなければならない為に以下のようにis_mobile関数の定義をfunction.phpに追記します。
(スマホ表示分岐)

 

function is_mobile(){
 $useragents = array(
 'iPhone', // iPhone
 'iPod', // iPod touch
 'Android', // 1.5+ Android
 'dream', // Pre 1.5 Android
 'CUPCAKE', // 1.5+ Android
 'blackberry9500', // Storm
 'blackberry9530', // Storm
 'blackberry9520', // Storm v2
 'blackberry9550', // Storm v2
 'blackberry9800', // Torch
 'webOS', // Palm Pre Experimental
 'incognito', // Other iPhone browser
 'webmate' // Other iPhone browser
 );
 $pattern = '/'.implode('|', $useragents).'/i';
 return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
 }

 

テーマによっては既に記述されていることもありますので、
まずはご確認をしてみてください。

 

そして、本題のh2見出しタグを利用して任意の位置にアドセンスなどの広告コードを記述し表示させる方法のコードです。

 

/*最初と最後のh2見出しタグの直前にアドセンスなどの広告を表示(PCとスマホやタブレット端末の切り替え)ここから*/
 function add_ad_before_h2_for_2times($the_content) {
 //スマホとタブレット端末で一番はじめのh2見出しタグ直前に表示させる広告コード
 $ad1 = <<< EOF
 (ここに広告コードを記述)
 EOF;
 //スマホとタブレット端末で一番最後のh2見出しタグに直前に表示させる広告コード
 $ad2 = <<< EOF
 (ここに広告コードを記述)
 EOF;
 //PCで一番はじめのh2見出しタグ直前に表示させる広告コード
 $ad3 = <<< EOF
 (ここに広告コードを記述)
 EOF;
 //PCで一番最後のh2見出しタグ直前に表示させる広告コード
 $ad4 = <<< EOF
 (ここに広告コードを記述)
 EOF;
 if ( is_single() ) {//投稿ページ
 $h2 = '/^<h2.*?>.+?<\/h2>$/im';//h2見出しのパターン
 if ( preg_match_all( $h2, $the_content, $h2s )) {//h2見出しが本文中にあるかどうか
 if ( $h2s[0] ) {//一応チェック
 if (is_mobile()){//スマホとタブレット端末表示
 if ( $h2s[0][0] ) {//1番目のh2見出し直前にad1を挿入
 $the_content = str_replace($h2s[0][0], $ad1.$h2s[0][0], $the_content);
 }
 if ( $h2s[0][1] ) {////h2が2個以上なら最後のh2見出し直前にad2を挿入
 $the_content = str_replace($h2s[0][count($h2s[0]) - 1], $ad2.$h2s[0][count($h2s[0]) - 1], $the_content);
 }
 } else {//PC表示
 if ( $h2s[0][0] ) {//1番目のh2見出し直前にad3を挿入
 $the_content = str_replace($h2s[0][0], $ad3.$h2s[0][0], $the_content);
 }
 if ( $h2s[0][1] ) {////h2が2個以上なら最後のh2見出し手前にad4を挿入
 $the_content = str_replace($h2s[0][count($h2s[0]) - 1], $ad4.$h2s[0][count($h2s[0]) - 1], $the_content);
 }
 }
 }
 }
 }
 return $the_content;
 }
 add_filter('the_content','add_ad_before_h2_for_2times');
 /*最初と最後のh2見出しタグの直前にアドセンスなどの広告を表示(PCとスマホやタブレット端末の切り替え)ここまで*/

 

この場合は、
PCの表示の際には一番はじめと一番最後のh2見出しタグの直前に自分の表示させたい広告コードを、
スマホとタブレット端末の際には一番はじめと一番最後のh2見出しタグの直前に表示させる方法のコードです。

 

 

PC表示の部分で一番最後のh2見出しタグの直前に表示させない場合は、

15~18行目の、
(//PCで一番最後のh2見出しタグ直前に表示させる広告コード~EOF;まで)
と、
34~36行目の、
(if ( $h2s[0][1] ) {////h2が2個以上なら最後のh2見出し手前にad4を挿入~}まで)
を削除してください。

 

 

一番はじめのh2見出しタグの直前には表示させたくない場合には以下の部分のを削除することで、一番はじめのh2見出しタグ直前には表示されなくなります。

 

スマホやタブレット端末とPCの部分で一番はじめのh2見出しタグ直前に表示させたくない場合にはさらに以下の部分を削除すればOKです。
(赤文字部分とその上の見出し部分、同じ意味のこと書いています(*゜.゜)ゞポリポリ)

 

スマホとタブレット端末の表示の時に一番はじめのh2見出しタグ直前に表示させない場合は、

3~6行目の、
(//スマホとタブレット端末で一番はじめのh2見出しタグ直前に表示させる広告コード~EOF;まで)
と、
24行目~26行目の、
(if ( $h2s[0][0] ) {//1番目のh2見出し直前にad1を挿入~}まで)
を削除してください。

 

PCの表示の時に一番はじめのh2見出しタグ直前に表示させない場合は、

11行目~14行目の、
(//PCで一番はじめのh2見出しタグ直前に表示させる広告コード~EOF;まで)
と、
31行目~33行目の、
(if ( $h2s[0][0] ) {//1番目のh2見出し直前にad3を挿入~}まで)
を削除してください。

 

これで、
スマホやタブレット端末とPCの一番はじめのh2見出しタグの直前には表示されなくなります。

 

私の場合は上記したように、ショートコードも使用しているので最後のh2タグ(見出しタグ)の直前にのみ自動的にスマホやタブレット端末とPCで自動的にアドセンスなどの広告を条件分けして表示されるようにしています。

 

/*最後のh2見出しタグ直前にアドセンスなど広告をスマホh2一番下の上とPCh2一番下の上に自動表示ここから*/
 function add_ad_before_h2_for_2times($the_content) {
 //スマホで一番最後のh2見出しタグ直前にアドセンスなどの広告を表示させるコード
 $ad2 = <<< EOF

(ここに広告コードを記述)

EOF;
 //PCで一番最後のh2見出しタグ直前にアドセンスなどの広告を表示させるコード
 $ad4 = <<< EOF

(ここに広告コードを記述)

EOF;
 if ( is_single() ) {//投稿ページ
 $h2 = '/^<h2.*?>.+?<\/h2>$/im';//h2見出しのパターン
 if ( preg_match_all( $h2, $the_content, $h2s )) {//h2見出しが本文中にあるかどうかの確認
 if ( $h2s[0] ) {//一応チェック
 if (st_is_mobile()){//スマホとタブレット端末での表示
 if ( $h2s[0][1] ) {////h2が2個以上なら最後のh2見出しタグの直前にad2を挿入
 $the_content = str_replace($h2s[0][count($h2s[0]) - 1], $ad2.$h2s[0][count($h2s[0]) - 1], $the_content);
 }
 } else {//PC表示
 if ( $h2s[0][1] ) {////h2が2個以上なら最後のh2見出しタグの直前にad4を挿入
 $the_content = str_replace($h2s[0][count($h2s[0]) - 1], $ad4.$h2s[0][count($h2s[0]) - 1], $the_content);
 }
 }
 }
 }
 }
 return $the_content;
 }
 add_filter('the_content','add_ad_before_h2_for_2times');
 /*最後のh2見出しタグ直前にアドセンスなど広告をスマホh2一番下の上とPCh2一番下の上に自動表示ここまで*/

 

(これはStinger6以降Stinger7、StingerPLUS+の場合です。)

 

上記(一番はじめの)は一般的な場合の記述コードですが、

Stinger6以降Stinger7、StingerPLUS+ではスマホ分岐条件は既にfunction.php内に記載されているので、

 

以下のように一箇所のみ変更することで上記したh2タグ(見出しタグ)の直前に自動的にアドセンスなどの広告を配置することが出来るようになります。

 

is_mobileという部分を

st_is_mobileに変更するだけです。

 

Stinger6以降、Stinger7、StingerPLUS+以外のテーマを使用している場合はこの限りではありません。

 

一般的な記述方法のis_mobileでなければエラーが出ますので気をつけてください!!

なぜなのか?

 

それは、

ただ単にStinger6以降Stinger7、StingerPLUS+ではスマホ表示分岐が以下の様に記述されているからです。

 

if ( !function_exists( 'st_is_mobile' ) ) {
 /**
 * スマホ表示分岐
 */
 function st_is_mobile() {
 $useragents = array(
 'iPhone', // iPhone
 'iPod', // iPod touch
 'Android.*Mobile', // 1.5+ Android *** Only mobile
 'Windows.*Phone', // *** Windows Phone
 'dream', // Pre 1.5 Android
 'CUPCAKE', // 1.5+ Android
 'blackberry9500', // Storm
 'blackberry9530', // Storm
 'blackberry9520', // Storm v2
 'blackberry9550', // Storm v2
 'blackberry9800', // Torch
 'webOS', // Palm Pre Experimental
 'incognito', // Other iPhone browser
 'webmate' // Other iPhone browser

);
 $pattern = '/' . implode( '|', $useragents ) . '/i';

return preg_match( $pattern, $_SERVER['HTTP_USER_AGENT'] );
 }
 }

 

まとめ

以上のことを考慮して見出しタグであるh2やh3などを利用して、
任意の見出しタグの順番目の直前に自動的かつ効率的にアドセンスなどの広告コードによる広告を表示する方法でした。

一番はじめのコードをよぉく見ていると、
どこの部分がどこに当たってどこの部分を削除すればどこのh2見出しタグの直前に表示されるのか…。

とか、

どこの部分がどこの部分に該当しているのかが分かると、
どこにどのような同じコードを追記すれば思い通りに任意のh2見出しタグの直前に表示されるのか…。

が必ず分かるようになると思います。

だって、ズブの素人の私がなんとか理解できたのですから…。

絶対に大丈夫です!!

あなたにおすすめな関連記事

光コラボ

PC インターネット 伝えたいこと 備忘録 光コラボ 時事ネタ

光コラボはおすすめ?コラボ光一覧と光コラボとは?光コラボレーションはNTTが卸売に

昨年にNTTが光回線を卸売として、各ISP(プロバイダー)などにフレッツ光や光ネクストなどでエンドユーザー(消費者)に提供していた光回線を、各事業者にその光回線を卸売に踏み切った事により、コラボレーシ…

もっと読む

インフィード広告アドセンス

TBS街頭インタビューにさくら起用か

伝えたいこと 備忘録 時事ネタ

今でもマスメディアはさくらやヤラセなどをするのか…。「街の声」酷似!?

う~ん、 昔々あるところにじぃさんとばぁさんがいたとさ…。じゃなくて…。 21世紀になってもう16年目という現代においても、今のところマスメディアは、 今でも名前の通りマス(大衆)、メディア(伝達手段…

もっと読む

インフィード広告アドセンス

スマホファースト

スマホ 伝えたいこと 備忘録

アクセス数を増やす方法!!それはスマホ…。

ブログやホームページなどのサイトを運営していると、やはり気になるのがアクセス数だと思いわれます。ここ2年から3年で一般人や普通の人?(表現が曖昧ですが無礼のないように)でも、 はてなブログやWordP…

もっと読む

インフィード広告アドセンス

ページ表示速度高速化

Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録

ページ表示速度高速化レンダリングブロック解決方法ができた!!

ふぅ~ε=(・ρ・*) フゥ、やっとできた!! ここ数日なんとかサイトのページ表示速度をできるだけ速く高速化したいなぁ。とずぅ~っと考えていました。今日も昨日も記事にしていますが^^;)(汗)…。おそ…

もっと読む

インフィード広告アドセンス

Windows10スタートメニューやタスクバー部分などがクリック出来ない時の対処方法

PC Windows10 不具合 伝えたいこと 備忘録 設定

Windows10スタートボタン効かない,タスクバークリック出来ない対処方法

今日パソコンを立ち上げた所デスクトップの下部に表示されているタスクバー部分の、 クイック起動メニューはクリックできました。 しかし…。 パソコンをシャットダウンしようとスタートボタン・スタートメニュー…

もっと読む

インフィード広告アドセンス

コメント欄を開閉式にする方法

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

Stinger6,Stinger5,StingerPLUS+コメント欄を開閉式スライドにする方法

前々から気にかけてどうにか出来たらいいなぁ…。なんて思っていたコメント欄です。 コメント欄を非表示にしてしまうというのもありかなぁ。と思ったこともありましたが、 いくつかのブログにてコメント欄が開閉式…

もっと読む

AdSense, WordPress, カスタマイズ, カスタマイズ, 備忘録」同じカテゴリーの記事一覧

おすすめの記事一部広告

お小遣い稼ぎにアンケート。

Multiplex 広告

Total387


アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る

よろしかったらシェアよろしくお願いします。

-AdSense, WordPress, カスタマイズ, カスタマイズ, 備忘録

目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.