Loading…

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

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

本日の人気記事BEST10

所要時間目安:7


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

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

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

アフィリエイト広告からのアフィリエイト収入や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見出しタグの直前に表示されるのか…。

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

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

絶対に大丈夫です!!

AdSense, WordPress, カスタマイズ, カスタマイズ, 備忘録」同じカテゴリ人気記事


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

おすすめの記事一部広告

関連記事

メールアドレスが流出しているか確認サイト

インターネット セキュリティ 伝えたいこと 備忘録

迷惑メール撃退方法とメールアドレス流出元を確認する方法と対策方法

先月くらいにやたらとウイルス付き迷惑メールがあちこちから送られてきていました。 しかし、その後1ヶ月…

もっと読む

no image

php WordPress

PHPバージョン5.5に設定変更方法

WordPressで使われているphpというものがあります。 これにもバージョンがあるらしく、 現状…

もっと読む

ステロイド軟膏アンテベート軟膏強さ

伝えたいこと 備忘録 治療

帯状疱疹かと思ったけれど蕁麻疹で治らない時にデルマクリン軟膏とアンテベート軟膏

以前に帯状疱疹かと思い皮膚科を受診しました。 そしたら、ちょっと診断まではつかないなぁ。ということで…

もっと読む

jetpackのCSS内容無効化

WordPress カスタマイズ 備忘録

jetpackの自動出力されるCSSを無効化で出力しないようにする方法

WordPressの有名なプラグインはいくつかあります。そんな中のひとつで多機能(ある意味重い?)な…

もっと読む

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

おすすめ!!

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

おすすめ2

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

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



この記事が良かったら
いいね!お願いします(#^.^#)

WordPressデビュー津々浦々の
最新情報をお届けします

言えないことはTwitterで!!



目次に戻る


コメントを閉じる

comment

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

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