WordPress 記事本文内に Google AdSense 広告を配置する方法 6 パターン

2024/10/15

Google AdSense による収益化は PV 数が何より重要ですが、広告の数や配置も影響してきます。

ブログ初心者が Google AdSense で稼ぐための 10 のアドバイス

WordPress では、利用しているテーマによって広告の設置方法が違います。基本的にウィジェットを使って配置しますが、記事本文内の好きな位置に広告を配置するのは少し工夫が必要です。

本記事では記事内に広告を設置する 6 通りの方法を解説していますので、あなたの環境やスキルに合わせて試してみてください。

記事本文内に広告配置するときの選択肢

記事本文内に広告を掲載する場合、大きく 2 つの選択肢があります。

記事ごとに広告配置を変える
全記事共通の広告配置にする

メリット・デメリットは下表のとおり。

配置方法	メリット	デメリット
記事ごとに変更	本文の長さや他のアフィリエイト広告との併用など、その記事に合わせて最適化できる	掲載位置を一括変更できないため、記事数が増えてくると管理が大変になる
全記事共通	自動的に挿入されるため、毎回広告位置を考える必要がなく記事執筆に集中できる	本文の長さや構成が記事ごとに大きく異なると、広告表示位置がおかしくなる場合がある

ブログの運営スタイルや好みの問題になってくるので、どちらが正しいとは言えません。

Google AdSense を収益の柱とするなら、記事ごとに変更したほうがよいと思います。でも、そうすると管理が大変になり、1 人で運営しているなら執筆の時間が削られる可能性もあります。

現時点でどちらがよいか迷っているなら、ひとまず「全記事共通の広告配置」を試してみてください。あとから微調整できますし、イチからやり直したくなったときにすぐ広告を全削除できるからです。

では、それぞれの具体的な設置方法を見ていきましょう。

記事ごとに広告配置を変更する場合

01. エディターに直接コードを貼り付ける

投稿編集画面のエディター内に広告コードを記入（コピペ）すれば、その位置に広告が表示されます。だれでもすぐにできる最も簡単な方法ですね。

ブロックエディターの場合は「カスタム HTML」ウィジェットを使いましょう。

記事を書くたびにコードをコピペすることになるのがネック。また、記事数が増えるほどあとから修正するのが大変になってきます。

実際の運用にはあまり向きませんが、広告表示の確認や、少数記事でテストしてみたいときなどは使える方法です。

02. 再利用ブロック（同期パターン）を使う

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

コードを毎回コピペする必要はなく、コードの差し替えが必要なときも一括置換できます。ただし、全記事の広告位置（ブロック位置）は一括変更できません。

また、間違って再利用ブロックを上書き or 削除してしまうと、全記事の広告に影響するので注意しましょう。

「再利用ブロック」は、WordPress 6.3 から「同期パターン」という呼び方に変更されました。

03. ショートコード化する

広告コードをショートコード化しておけば、クラシックエディターでもブロックエディターでも手軽に使えます。

自分でショートコードを作成するときは、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 の編集に抵抗がある、またはショートコードを視覚的に管理したい場合は「Code Snippets」などのプラグインがおすすめです。

WordPress プラグイン Code Snippets の設定方法と使い方

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

#1 ～ #3 の方法は、記事内に複数の広告を配置できます（別々の広告コードにもできる）。

もし記事内に 1 ヶ所だけ広告を表示したいなら、more タグを置換するのが楽かもしれません。クラシックエディターは  という表示、ブロックエディターは「続きを読む」という表示になります。

functions.php に以下のコードを追記してください。

//more位置へ挿入
add_filter('the_content', 'adMoreReplace');
function adMoreReplace($contentData) {
$adTags = <<< EOF

ここにアドセンスのコード

EOF;
$contentData = preg_replace('/<span id="more-[0-9]+"></span>/', $adTags, $contentData);
return $contentData;
}

以下は、実際に広告コードを入れたイメージ。

//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;
}

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

エディター上で広告は表示されませんが、実際に記事を見ると more タグ部分に広告が表示されます。