WordPress記事本文中にアドセンス広告を表示する方法6パターン

更新日 2021/08/17
カテゴリー Google AdSense

Google AdSense 広告をブログ本文内に表示するには、どうすればよいですか？

WordPress ブログで「本文内」に Google AdSense 広告を表示する方法は数パターンあります。

だれでもすぐ実践できるものから多少知識を要求されるものまで様々なので、自分の環境・レベルに合わせて最適な方法を採用してみてください。

本記事では 6 通りの掲載方法とそれぞれのメリット・デメリットを解説しています。

Google AdSense 収益をもっと伸ばしたいなら

Google AdSense 収益を伸ばすためには、「収益最大化のための基礎知識」と「データ分析に基づく改善」が欠かせません。確かな実績に裏打ちされた正しいノウハウを手に入れてみませんか？

Essential AdSense Foundation

Headline

（1）エディターで直接コードを記述する
（2）再利用ブロックを使う
（3）ショートコード化する
（4）moreタグ（続きを読む）を置換する
（5）ウィジェットを使う
（6）特定の要素をもとに自動挿入する
まとめ

（1）エディターで直接コードを記述する

本文内の任意の箇所に Google AdSense 広告を表示するのは、投稿編集画面のエディターで直接広告コードを記入（コピペ）するのが最も簡単な方法です。

ブロックエディターの場合は「カスタム HTML」ウィジェットを使えば OK です。

方法自体は簡単でも、記事を書くたびにコードをコピペしなければなりませんし、あとから修正するのが大変なので現実的ではないと思います。

広告の表示確認をしてみるとか、数記事でテストしてみるときはよいかもしれません。

メリット

好きな箇所に広告を表示できる
特別な知識は不要

デメリット

毎回コードをコピペする必要がある
あとから修正するのが大変

（2）再利用ブロックを使う

ブロックエディターを使用しているなら、Google AdSense の広告コードを再利用ブロックに登録しておくと使い勝手がよくなります。

コードを毎回コピペする必要はなく、コードの差し替えが必要なときも一括置換できるので便利ですね。ただ、全記事の広告位置を一括で変更する、ということはできません。

記事ごとに広告位置を細かく調整したいときはよいと思います。

メリット

好きな箇所に広告を表示できる
毎回コードをコピペする必要はなく一括置換もできる

デメリット

ブロックエディターにしなければ使えない
広告の位置の変更は手動で行う

（3）ショートコード化する

旧エディターを使っている場合は、ショートコード化すると再利用ブロックと同じような使い方ができます。ショートコードはブロックエディターでも使えるので、エディターを途中で変更しても大丈夫です。

自分でショートコードを作成するときは、functions.php に以下のコードを追記してください。

function showads() {
return 'ここにアドセンスのコード';
}
add_shortcode('adsense', 'showads');

Google AdSense 広告コードを入れるとこのようになります。

function showads() {
return '<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
      style="display:block; text-align:center;"
      data-ad-layout="in-article"
      data-ad-format="fluid"
      data-ad-client="ca-pub-xxxxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"></ins>
<script>
      (adsbygoogle = window.adsbygoogle || []).push({});
</script>';
}
add_shortcode('adsense', 'showads');

投稿エディターで [adsense] と入力した位置に Google AdSense 広告が表示されます。

functions.php の編集に抵抗がある、またはショートコードを視覚的に管理したい場合は「Shortcoder」などのプラグインを使うのがおすすめです。

メリット

好きな箇所に広告を表示できる
エディター形式を問わず使える

デメリット

ショートコード実装の知識が必要（プラグインを利用すれば OK ）
広告の位置変更や削除は手動で行う

（4）moreタグ（続きを読む）を置換する

投稿本文内に挿入した more タグを判定して広告コードに置換して表示する、ということもできます。

more タグはクラシックエディターなら  という表示で、ブロックエディターは「続きを読む」という表示になります。

Ateitexe さんの記事を参考に functions.php にコードを追記してみてください。

WordPress単一記事のmoreタグを広告コード（+α）と置き換える *Ateitexe

実際に広告コードを入れると以下のような形になります。

//more位置へ挿入
 add_filter('the_content', 'adMoreReplace');
 function adMoreReplace($contentData) {
 $adTags = <<< EOF
 <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 <ins class="adsbygoogle"
      style="display:block; text-align:center;"
      data-ad-layout="in-article"
      data-ad-format="fluid"
      data-ad-client="ca-pub-xxxxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"></ins>
 <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
 </script>
 EOF;
 $contentData = preg_replace('/<span id="more-[0-9]+"><\/span>/', $adTags, $contentData);
 return $contentData;
 }

ブロックエディターは「続きを読む」ブロックを追加しておけば、そこに広告が表示されます（投稿編集画面には表示されません）。