ＷｏｒｄＰｒｅｓｓで＜ｈ２＞タグの直前にＧｏｏｇｌｅ Ａｄｓｅｎｓｅを関数１つで表示する方法
2020/04/01
最近は私も、Ｇｏｏｇｌｅ Ａｄｓｅｎｓｅをブログに貼るなんてことを憶えまして。
あまりやるとサイトの評価が下がるという意見も目にしつつ、面白いんでいろんなサイズのをペタペタ貼り付けたりしてるんですが。
もっぱらウィジェットを使ってサイドバーなどの記事の外側にやってたところへ、記事の中に表示するのも効果的という評判を聞きまして。
早速やってみたんで、メモとして記事にしておきますよと。
関数を使って＜ｈ２＞タグの直前にＧｏｏｇｌｅ Ａｄｓｅｎｓｅのスクリプトを出力するようにする
やってみると意外と簡単で、以下の関数を「ｆｕｎｃｔｉｏｎ．ｐｈｐ」というファイルの一番下に追加してやるだけでした。
function disp_google_adsense($content) {
// Google Adsence スクリプトを変数に入れる
$google_ad = <<< EOD
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
・
・
・
</script>
EOD;
if (is_single()) {
$tag = '<h2';
$pos = strrpos($content, $tag);
if($pos !== false) {
$content = substr_replace($content, $google_ad, $pos, 0);
}
}
return $content;
}
add_filter('the_content','disp_google_adsense');
おおまかに説明しますと、まず最初にヒアドキュメントを使って、変数にアドセンスのスクリプトを代入してやってます。
このソースリストでは省略してますが、２つの“ＥＯＤ”が記述されたそれぞれの行に挟まれた黄字の部分に、表示したいアドセンスのスクリプトを記述します。
その下の“ｉｆ (ｉｓ＿ｓｉｎｇｌｅ())”のＩＦ文は、個別記事のページのときだけアドセンスが表示されるようにするための条件です。
そして「ｓｔｒｒｐｏｓ関数」を使って、“＜ｈ２”というキーワードで記事の中から＜ｈ２＞タグの位置を「後ろから」検索しています。
なぜ「後ろから」なのかというと、私は記事の一番最後の＜ｈ２＞タグの直前にアドセンスを表示させたかったからなんですね。
最初の＜ｈ２＞タグの直前に表示させたい場合は、「ｓｔｒｒｐｏｓ関数」の代わりに「ｓｔｒｐｏｓ関数」を使うといいでしょう。
さて続いて、記事の中に＜ｈ２＞タグが存在した場合、「ｓｕｂｓｔｒ＿ｒｅｐｌｅｃｅ関数」を使って先に変数に代入したアドセンスのコードを記事中に挿入してやります。
ここで「ｓｕｂｓｔｒ＿ｒｅｐｌａｃｅ関数」は、文字列中の一部を別の文字列に置換する関数でして。
ちなみにその４つの引数の意味は、１つ目が元になる文字列で２つ目が置換に使う文字列、そして３つ目が置換開始位置を指定して、４つ目が置換する範囲つまり文字数を指定します。
今回は置換ではなく挿入するので、置換する文字数を“０”にしてあります。
最後に、処理が完了した記事の文字列を“ｒｅｔｕｒｎ”で返してやって終了です。
ＰＣ表示とスマホ表示を分けたい場合
もしかしたら、ＰＣで表示するときとスマホなどで表示するとき、それぞれ違うサイズの広告を表示したいような場合があるかも知れませんね。
そういう場合は、以下のようにアドセンスのスクリプトを２つ用意して、「ｗｐ＿ｉｓ＿ｍｏｂｉｌｅ関数」を使って条件分けをすると良いでしょう。
function disp_google_adsense($content) {
// Google Adsence スクリプトを変数に入れる
$google_ad1 = <<< EOD1
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
・
・【スマホ用のスクリプト】
・
</script>
EOD1;
$google_ad2 = <<< EOD2
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
・
・【ＰＣ用のスクリプト】
・
</script>
EOD2;
if (is_single()) {
$tag = '<h2';
$pos = strrpos($content, $tag);
if($pos !== false) {
if(wp_is_mobile()) { //スマホの場合
$content = substr_replace($content, $google_ad1, $pos, 0);
} else { //ＰＣの場合
$content = substr_replace($content, $google_ad2, $pos, 0);
}
}
}
return $content;
}
add_filter('the_content','disp_google_adsense');
ちなみに、当ブログでも使用しているテーマの「ＳＴＩＮＧＥＲ ＰＬＵＳ＋」には、より精度の高い「ｓｔ＿ｉｓ＿ｍｏｂｉｌｅ関数」というのが用意されてますから、そちらを使ったほうが良いですね。
まとめ
というわけで関数１つだけで、Ｇｏｏｇｌｅ Ａｄｓｅｎｓｅの広告を＜ｈ２＞タグの直前に挿入できるようになりました。
おそらく当記事でも、この「まとめ」の章タイトルの上に広告が表示されてるかと思いますが、いかがでしょう。
これを応用すれば、記事内のいろんなところに自由に何でも貼り付けることができそうで面白いと思いませんか？
それでは、楽しいＷｏｒｄＰｒｅｓｓライフを！
