WordPress『JIN(ジン)』カスタマイズ！見出しに広告を追加する方法

こんにちはHaru(@yurupura_haru)です。

ブログで収入を得る為に、欠かせないのが「Googleアドセンス」です。

Googleアドセンスに申請をして承認が下りれば、自分のブログ内にGoogleの広告を掲載する事ができます。

その広告を読者さんがクリックをする事で収入が発生する仕組みになっています。

このブログの使用テーマ『JIN』にはもともと《広告管理》という設定項目があり、下記の4箇所にGoogleアドセンスの広告を簡単に設定する事が出来ます。

記事タイトル下
記事見出し２上
記事下
関連記事下

Haru

これでも充分だけど…もう少しだけ、アドセンスの広告を増やして表示させたいな…

そこで、『Googleアドセンスの広告を追加設定』してみました。

このカスタマイズは広告のクリック回数が上がる事を保証したものではありません。

広告の表示数については、多すぎても読者さんに嫌がられる為、ご自身の判断でお願いします。

私は試験的にデフォルトに＋2つ広告を追加してブログ運営を行っています。

Haru

ちなみに、記事内に溶け込みやすいおすすめのデザイン変更についても書いたので、もし良かったらチェックしてみてね！

▼JINでブログを始めたら1か月目から収益が発生しました！▼

【ブログ運営報告】アラフォー主婦ブロガーの1か月のPV・収益まとめこんにちはHaru(@yurupura_haru)です。ブログを始めて1ヶ月が経ちました！！長かった様な短かった様な… ワ...

読みたい目次をクリック

JIN(ジン)カスタマイズ前の注意点

わんこず

カスタマイズする前に２点確認をお願いします！

①このカスタムは、既にJINマニュアルの広告管理の使い方よりGoogleアドセンスの広告の設定が完了しているという過程でお伝えしています。

広告管理の使い方を見る

JINマニュアルを見る

②今回のカスタマイズは、重要なfunction.php部分に触れるため必ずバックアップを取ってからの作業をお願いします！

Haru

カスタマイズは何が起きても自己責任で何卒よろしくお願いします。

コードを参考にさせていただきました☟

寝ログ

参考にしました

本文記事1、2、3番目のH2見出し手前にアドセンスを挿入するWordPressカスタマイズ方法

https://nelog.jp/add-ads-before-h2

Google AdSense広告を投稿本文中に全て表示させるWordpressカスタマイズ方法です。パフォーマンスとユーザビリティーの兼ね合いに注意する必要があります。

今回の変更点

『JIN』の《広告管理》機能を使用して設定したデフォルトの4箇所に追加して…

記事タイトル下
記事見出しh２‐1上
記事下
関連記事下

☟更に2つの記事を追加しました。

記事タイトル下
記事見出しh２-1上
記事見出しh２-2上
記事見出しh２-3上
記事下
関連記事下

JIN(ジン)見出しh2上に広告を増やす方法

function.phpに以下のコードを追記するだけです！これで、全ての記事の2つ目と3つ目の記事見出しh2にもアドセンスの広告が追加されます。

クリックしてコード表示

function add_ad_before_h2_for_3times($the_content) {
//広告（AdSense）タグを記入
$ad = <<< EOF
//////////////////////////
//ここにアドセンスを挿入//
//////////////////////////
EOF;if ( is_single() ) {//投稿ページ
$h2 = ‘/^<h2.*?>.+?<\/h2>$/im’;//H2見出しのパターン
if ( preg_match_all( $h2, $the_content, $h2s )) {//H2見出しが本文中にあるかどうか
if ( $h2s[0] ) {//チェックは不要と思うけど一応
if ( $h2s[0]