アドセンス広告を目次の上(h2の上)に表示させる方法

アドセンス広告の位置を記事上ではなく目次の上に表示させたいので試してみました。

目次の上または、h2の上にアドセンス広告を設置です。

目次の上にアドセンス広告を表示させたパターンの私のイメージ

記事の冒頭をチョロっと読んだ後に1スクロールかまして目次に「気になる見出しあるかなぁ？」と目次に目が進む。

その流れでアドセンスリンクユニット広告も目に付きやすくなる。

よってクリック率アップへと繋がる配置が完成(⇐全てが妄想)

という勝手な妄想をした結果、アドセンス広告を目次の上に表示させたい。となったのでありんす。

目次の上に表示させる方法は簡単にできたので目次上にアドセンスのリンクユニット広告などなどを表示させたい人やリンクユニットを貼る場所に悩んでる人がいたら参考にしてみてください。

リンクユニットの設定がまだの人はリンクユニットの色を意識した貼り方から設定方法がわかります。

1. アドセンス広告を目次上に表示させるPHPコード
2. アドセンスコードの貼り付け場所(WordPress)
3. 目次の上にリンクユニット広告を表示した例
4. 目次の上にディスプレイ広告を表示した例
5. 目次の上にアドセンス広告を移動した後に必要なこと
6. アドセンス広告を見出しの上に変更した効果
7. まとめ

アドセンス広告を目次上に表示させるPHPコード

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][0] ) {//1番目のH2見出し手前に広告を挿入
 $the_content = str_replace($h2s[0][0], $ad.$h2s[0][0], $the_content);
 }
 }
 }
 }
 return $the_content;
}
add_filter('the_content','add_ad_before_h2_for_3times', 10);

アドセンスコードの貼り付け場所(WordPress)

目次の上にアドセンス広告を表示させるためのコードの貼り付け場所は(functions.php) に貼り付けます。

(functions.php)のある場所は外観⇒テーマの編集と進みます。

テーマファイルの画面右側に、テーマのための関数(functions.php)があります。

貼り付けたPHPコードの中の //アドセンス挿入場所// に自分のアドセンスコードをGoogleアドセンスからコピーして貼り付けます。

アドセンス広告タイプは、貼りたい広告タイプを選んでコードを取得します。

私は目次上に表示するためのコード内にある//アドセンス挿入場所//の///⇐いっぱいあるスラッシュ部分も消してしまいましたが、後々アドセンスコードを貼り直す人や後で(functions.php)を見たときに、どこに貼り付けたか分かるようにいっぱいスラッシュの部分は残しておいても大丈夫です。

いっぱいスラッシュとは？

///////////////////
//アドセンス挿入場所 //
///////////////////

⇑これの事です。

正確には「コメントアウト」ですね。

アドセンスコードの貼り付けが終わったらファイルの更新をクリックして完了です。