【STINGER PLUS+】最初と最後の見出し（h2）前にアドセンスを設置してみた

アドセンスをどこに配置すれば収益が期待できるのか。

多くのサイトで検証されていますが、その中である程度効果が高いと言われているのが“最初の見出し前”です。

冒頭のリード文を読んで、続きが気になる人にはそのまま読み進めてもらい、内容に興味が持てなかった人のために出口としてアドセンスを配置しておく、ということ。

効果があるのならば、当ブログでも試してみましょう。

パソコン・スマホともに最初の見出し（h2）前にアドセンスを設置。
また、スマホのみ最後の見出し（h2）前にも設置してみました。

テーマのための関数（functions.php）にコードを追記

「functions.php」を編集する際は、必ずバックアップをとっておきましょう。記述をミスすると画面が真っ白になる危険があります。

WordPress管理画面で「外観」⇒「テーマの編集」⇒子テーマ「functions.php」の編集画面へ。

//最初の見出し（h2）前にアドセンスを表示
function add_ads_before_h2($the_content) {
$ad1 = <<< EOF
  <p class="ad-label">スポンサーリンク</p>
  <div class="ad-h2">
    【ここにスマホで最初の見出し前に表示させる広告コードを挿入】
  </div>
EOF;
$ad2 = <<< EOF
  <p class="ad-label">スポンサーリンク</p>
  <div class="ad-h2">
    【ここにスマホで最後の見出し前に表示させる広告コードを挿入】
  </div>
EOF;
$ad3 = <<< EOF
  <p class="ad-label">スポンサーリンク</p>
  <div class="ad-h2">
    【ここにPCで最初の見出し前に表示させる広告コードを挿入】
  </div>
EOF;
  if ( is_single() ) {
    $h2 = '/^<h2.*?>.+?<\/h2>$/im';
    if ( preg_match_all( $h2, $the_content, $h2s )) {
      if ( $h2s[0] ) {
        if (st_is_mobile()){ //スマホの場合
          if ( $h2s[0][0] ) {
            $the_content = str_replace($h2s[0][0], $ad1.$h2s[0][0], $the_content);
          }
          if ( $h2s[0][1] ) {
            $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] ) {
            $the_content = str_replace($h2s[0][0], $ad3.$h2s[0][0], $the_content);
          }
        }
      }
    }
  }
  return $the_content;
}
add_filter('the_content','add_ads_before_h2');

上記のコードを追記してください。

6行目、12行目、18行目にはアドセンスの広告コードを挿入してください。

これで、パソコン表示時に最初の見出し（h2）前、スマホ表示時に最初と最後の見出し（h2）前にアドセンスが表示されます。

スマホの最後の見出し前が不要ならば、9～14行目と29～31行目を削除すれば、パソコン・スマホどちらも最初の見出し前のみになります。

アドセンスを記事ごとに非表示にしたい場合は、以下のカスタマイズ記事で対応したコードを記載しているので、あわせて参考にしてください。

スタイルシート（style.css）で調整

ここまでの作業でアドセンスが見出し前に表示されるようになっていますが、コンテンツとの間の余白を設定しておかないとポリシー違反で警告がくる恐れがあります。

子テーマ「style.css」の編集画面へ。

/* アドセンスのラベル表記 */
.ad-label {
    font-size: 80%;
    color: #333;
    text-align: center;
    margin-bottom: 5px;
}

/* 見出し（h2）前のアドセンス */
.ad-h2 {
    margin-bottom: 30px;
}

上記のコードを追記してください。

ラベル表記の文字サイズや余白はお好みで調整してください。

プラグイン「Table of Contents Plus」で目次を表示させている人は、アドセンスの下側の余白を設けないと、広告と目次がピタッと引っ付いている状態なので、設定しておきましょう。

これで見出し前にアドセンス設置完了です。