CocoonでGoogle AdSense広告を表示する方法は、主に「自動広告」と「手動広告」の2種類です。
どちらを選ぶか決めないままコードを貼ると、広告が想定外の位置に増えたり、コードを重複させたりする原因になります。
初めて設定する人への結論
まずはAdSenseの自動広告を少なめに設定し、記事を読みにくくする場所を除外する方法が簡単です。配置を細かく管理したくなったら、Cocoonの手動広告へ移行します。
当ブログはWordPressテーマにCocoonを使用しています。AdSense合格後は、サイト内に基本コードが1つ入っていること、ads.txtが公開されていることまで確認しました。
この記事では、どこに何を設定するのかを整理しながら、広告を増やしすぎない初期設定を解説します。
CocoonのAdSense設定は自動広告と手動広告の2種類
| 比較項目 | 自動広告 | Cocoonの手動広告 |
|---|---|---|
| 広告位置 | Googleが自動で選ぶ | Cocoonで選ぶ |
| 必要なコード | サイト全体のAdSenseコード | 広告ユニットコード |
| 設定難易度 | 低い | やや高い |
| 配置の管理 | 除外エリア・ページで調整 | 表示位置ごとに指定 |
| 向いている人 | 合格直後の初心者 | 配置を自分で管理したい人 |
自動広告と手動広告は併用できますが、最初から両方を最大限に表示すると、どちらの設定による広告か判断しにくくなります。まず1つの方法で表示を確認してから追加しましょう。
設定前に確認する4項目
1.AdSenseのサイトが「準備完了」になっている
AdSenseの「サイト」で、対象ドメインのステータスを確認します。審査中や要確認の状態では、広告コードを入れてもすぐに広告が表示されないことがあります。
2.パブリッシャーIDが自分のものになっている
AdSenseコードには、ca-pub-から始まるパブリッシャーIDが含まれています。他人の記事に掲載されたコードをコピーせず、自分の管理画面から取得してください。
3.コードを設置している場所を把握する
Site Kit、Cocoonのアクセス解析設定、ヘッダーコード用プラグインなど、複数の方法で同じ基本コードを入れないようにします。
当ブログでは、公開ページのソースを確認すると、AdSenseの基本コードは1つだけ設置されていました。すでにコードがある場合は、貼り直す必要はありません。
4.変更前の状態を記録する
設定画面のスクリーンショットを残し、変更した日時をメモします。広告反映には時間差があるため、元の設定が分からなくなると原因を切り分けにくくなります。
AdSenseの自動広告を設定する手順
自動広告では、Googleがページ構成を解析して広告の位置と形式を判断します。Googleは、自動広告を初めて広告を掲載する運営者に適した方法として案内しています。
- AdSenseへログインする
- 左側メニューの「広告」を開く
- 対象サイトの編集アイコンを選ぶ
- 「自動広告」をオンにする
- ページ内・オーバーレイなどの形式を調整する
- 必要に応じて除外エリア・除外ページを設定する
- 「サイトに適用」を選択する
画面名は変更される場合があるため、最新手順はGoogle公式の自動広告設定も確認してください。
合格直後におすすめする設定
| 項目 | 初期設定の考え方 |
|---|---|
| ページ内広告 | オン。掲載数は少なめから始める |
| アンカー広告 | オンにしてスマホ表示を確認 |
| 全画面広告 | 最初はオフ、または頻度を抑える |
| 広告インテント | 本文リンクと誤認しないか確認して判断 |
| ページ除外 | アフィリエイト収益記事を候補にする |
広告数の正解はサイトごとに異なります。最初から最大にせず、スマートフォンで記事を最後まで読み、邪魔に感じる場所を減らします。
Cocoonで手動広告を設定する手順
表示場所を自分で決めたい場合は、AdSenseで広告ユニットを作成し、Cocoonへコードを登録します。
1.AdSenseでディスプレイ広告を作成する
- AdSenseの「広告」を開く
- 「広告ユニットごと」を選ぶ
- ディスプレイ広告を選ぶ
- 管理しやすい名前を付ける
- レスポンシブ形式で作成する
- 表示されたコードをコピーする
広告ユニット名には「記事中」「記事下」など目的を入れると、レポートで比較しやすくなります。
2.Cocoonへ広告コードを入力する
- WordPress管理画面を開く
- 「Cocoon設定」を選ぶ
- 「広告」タブを開く
- 広告表示を有効にする
- AdSenseの広告コード欄へ広告ユニットコードを入力する
- 変更を保存する
Cocoon公式も、「Cocoon設定→広告→広告コード」へレスポンシブ広告ユニットのコードを入力する方法を案内しています。詳しくはCocoon公式のAdSense設定をご覧ください。
自動広告の基本コードと、手動広告の広告ユニットコードを混同しないでください。すでに基本コードをヘッダーへ設置している場合、同じコードを別のプラグインから重ねて入れる必要はありません。
3.広告の表示位置を選ぶ
Cocoonでは、インデックスページ、投稿本文中、本文下、サイドバーなど、広告を表示する場所を選べます。
初心者は、まず以下の2箇所から始めると確認しやすいです。
- 本文中:導入直後を避け、内容の区切りになる位置
- 本文下:記事を読み終えた後の位置
タイトル直下、目次の前後、最初の見出し周辺へ広告を集中させると、本文へ到達しにくくなります。記事の情報量とのバランスを見てください。
Cocoonでads.txtを設定する手順
Cocoonにはads.txtを編集する機能があります。
- 「Cocoon設定」を開く
- 「広告」タブを選ぶ
- AdSense設定内のads.txt編集欄を探す
- 「ads.txtの更新を有効にする」を選ぶ
- AdSenseに表示された1行を入力する
- 保存する
保存後は、ブラウザでhttps://自分のドメイン/ads.txtを開きます。入力した内容が表示されれば、公開側への反映は完了です。
当ブログでは、次の形式で公開しています。
google.com, pub-8492905387033818, DIRECT, f08c47fec0942fa0
パブリッシャーIDはサイトごとではなくAdSenseアカウント固有です。自分のIDを確認して入力してください。Cocoonでの詳しい場所は公式のads.txt編集方法で確認できます。
AdSense広告のおすすめ配置
情報記事
悩みの解決や操作方法を説明する記事は、AdSenseと相性がよい傾向があります。本文中と記事下を中心に、読書を中断させない位置へ置きます。
長文記事
見出しが多い長文記事では、すべてのH2前後に広告を置く必要はありません。記事の前半・中盤・最後など、間隔を空けて配置します。
アフィリエイト収益記事
レンタルサーバー比較やスクール紹介など、読者に明確な申込み先がある記事では、AdSenseを減らすか除外します。
AdSenseの1クリックより、アフィリエイトの1成約の方が報酬が高い案件もあります。記事の目的を1つに絞り、主となる行動を邪魔しない設計が必要です。
広告を表示しない方がよい場所
- メニューや「次へ」ボタンと誤認する場所
- アフィリエイトボタンの直前・直後
- 見出しと説明文を分断する場所
- ファーストビューを広告だけで埋める場所
- お問い合わせ・プライバシーポリシーなど広告目的ではないページ
Googleも、ユーザーがコンテンツを簡単に見つけられること、広告と操作要素を誤認させないことを重視しています。詳しくは広告配置に関する公式のヒントをご確認ください。
記事単位で広告を除外する方法
自動広告では、AdSense側の「ページ除外」から特定URLを除外できます。Cocoon側でも、投稿編集画面の設定や広告除外機能を利用できる場合があります。
当ブログでは、次のように分ける方針です。
| 記事タイプ | 広告方針 |
|---|---|
| ChatGPTの使い方 | AdSenseを表示 |
| Webライターの悩み解決 | AdSenseを表示 |
| ブログ運営の手順 | AdSenseを表示 |
| サーバー比較・レビュー | 減らす、または除外 |
| スクール比較・レビュー | 減らす、または除外 |
広告が正常に表示されたか確認する方法
- 設定後、一定時間待つ
- 広告ブロッカーを無効にする
- シークレットウィンドウで記事を開く
- PCとスマートフォンの両方を確認する
- AdSenseのレポートで表示回数を確認する
自分のサイトを見ること自体は問題ありませんが、表示された広告はクリックしないでください。リンク先を確認したい場合は、広告レビューセンターを使用します。
広告が表示されないときは、コードを何度も貼り直す前に、AdSense広告が表示されない原因の診断表に沿って確認してください。
CocoonのAdSense設定でよくある失敗
コードを複数箇所に設置する
プラグイン、Cocoon、テーマファイルへ同じコードを重ねると、管理しにくくなります。設置方法は1つに統一します。
広告を一度に増やしすぎる
どの広告位置が収益や離脱に影響したか判断できません。最初は少数から始め、変更日を記録します。
ログイン中の表示だけで判断する
Cocoonは管理者に広告を表示しない設定があります。シークレットウィンドウや別端末でも確認してください。
キャッシュを削除せず確認する
キャッシュ系プラグインやサーバーキャッシュにより、変更前のページが表示される場合があります。ただし、むやみにすべての設定を変更せず、必要なキャッシュだけを削除します。
まとめ|最初は少ない広告数から始める
CocoonでAdSense広告を表示する方法は、次の2つです。
- 簡単に始めたい:AdSenseの自動広告
- 位置を管理したい:Cocoonの手動広告
合格直後は、基本コードが1つ設置されていることを確認し、自動広告を少なめに設定する方法が分かりやすいです。広告が表示されたら、スマートフォンで読みやすさを確認し、アフィリエイト収益記事は除外を検討してください。


コメント