Cocoonでアフィリエイトリンクを貼る方法【A8.net広告コード対応】

Cocoonでアフィリエイトリンクを貼る方法【A8.net広告コード対応】 収益化
Cocoonでアフィリエイトリンクを貼る方法【A8.net広告コード対応】

※この記事にはアフィリエイト広告を含みます。紹介している内容は、実際にブログ運営で使う前提のものだけに絞って整理しています。

この記事でできること

この記事では、WordPressテーマ Cocoon でアフィリエイトリンクを貼る方法を、A8.netの広告コードを例に整理する。

結論から言うと、初心者はまず WordPressのカスタムHTMLブロックに、A8.netの広告コードをそのまま貼る のが一番わかりやすい。同じ広告を複数記事で使うようになったら、Cocoonの アフィリエイトタグ管理 に登録して使い回す。

自分も最初、A8.netの広告コードを見たときに「この1px画像まで貼るの?リンクだけでいいの?」と止まった。正直、HTMLに慣れていないと、広告コードは少し怖い。

ただ、やることはシンプルだ。

  1. PR表記を入れる
  2. A8.netで広告コードを取得する
  3. カスタムHTMLブロックに貼る
  4. 必要ならCocoonのアフィリエイトタグ管理に登録する
  5. 公開後にリンクと表示を確認する

A8.netの登録がまだなら、先に A8.netの始め方【2026年版】ブログ初心者向け登録方法と使い方 を済ませておくと、このあとの操作がつながりやすい。

Cocoonでアフィリエイトリンクを貼る基本フロー


Cocoonでアフィリエイトリンクを貼る方法は2つ

Cocoonでアフィリエイトリンクを貼る方法は、大きく2つある。

方法 向いている場面 初心者向け度
カスタムHTMLブロックに直接貼る 1記事だけに広告を入れる 高い
Cocoonのアフィリエイトタグ管理に登録する 同じ広告を複数記事で使う

最初の1記事なら、カスタムHTMLブロックで十分だ。

たとえば、A8.netで広告リンクコードをコピーし、WordPress投稿画面の貼りたい場所に カスタムHTML ブロックを追加して貼る。これだけで表示できる。

一方で、同じA8.net登録リンクを複数記事に貼るなら、Cocoonの アフィリエイトタグ管理 が便利になる。Cocoon公式でも、広告タグを一元管理してショートコードで呼び出せる機能として案内されている。

このブログでも、A8.netまわりの記事は A8.netの提携審査に必要な記事数は?ブログ初心者向けに準備すること とセットで読まれる。今後リンクを差し替える可能性がある広告ほど、管理元を1箇所にまとめたほうが楽だ。


まずPR表記を入れる

アフィリエイトリンクを入れる記事では、最初にPR表記を入れる。

消費者庁は、2023年10月1日からステルスマーケティングを景品表示法の規制対象にしている。読者が広告だとわからない状態で商品やサービスを紹介すると、読者の判断をゆがめる可能性があるからだ。

このブログでは、アフィリエイトリンクを含む記事の冒頭に次のような表記を入れる。

※この記事にはアフィリエイト広告を含みます。

大事なのは、読者が記事を読む前に広告を含むとわかること。記事の最後だけに小さく書くより、冒頭で明記したほうが親切だ。

AdSense申請も視野に入れるなら、広告以前にサイトの信頼性も整えておきたい。固定ページがまだなら ブログに必要な固定ページ4つ【初心者向け】プロフィール・お問い合わせ・プライバシーポリシーの作り方 も先に確認しておく。


方法1:カスタムHTMLブロックに広告コードを貼る

初心者が最初にやるなら、この方法が一番シンプルだ。

手順は次のとおり。

手順 やること
1 A8.netで掲載したいプログラムを開く
2 広告リンク作成 から素材を選ぶ
3 広告コードを全体コピーする
4 WordPress投稿画面で カスタムHTML ブロックを追加する
5 コピーした広告コードをそのまま貼る
6 プレビューで表示を確認する

A8.net公式ヘルプでも、広告リンク作成ページでコードを取得し、掲載したい箇所へ貼り付ける流れが案内されている。

ここで注意したいのは、段落ブロックに貼らないこと

WordPressには通常の文章を書く段落ブロックがあるが、HTMLコードは カスタムHTML ブロックに貼る。WordPress.orgのドキュメントでも、カスタムHTMLブロックは投稿や固定ページにHTMLを追加するためのブロックとして説明されている。

たとえば、広告コードは次のような形になる。

<a href="[広告リンクURL]" rel="nofollow">
  広告テキスト
</a>
<img border="0" width="1" height="1" src="[トラッキングピクセルURL]" alt="">

実際のA8.netコードでは、[広告リンクURL][トラッキングピクセルURL] の部分に専用のURLが入る。自分でURLを作るのではなく、A8.net管理画面で生成されたコードを使う。

自分は最初、見た目を整えたくてコードを短くしたくなった。でも、計測用の画像タグを削ると成果計測に影響する可能性がある。まずはコードをそのまま貼って、表示だけ確認するのが安全だ。

まだA8.netの広告リンク取得まで進んでいない場合は、無料登録から始める。

A8.netの申し込みページはこちら


方法2:Cocoonのアフィリエイトタグ管理に登録する

同じ広告リンクを複数記事で使うなら、Cocoonの アフィリエイトタグ管理 を使う。

Cocoon公式では、WordPress管理画面から Cocoon設定 > アフィリエイトタグ を開き、タイトルと内容を登録する流れが説明されている。登録後は、記事内でショートコードとして呼び出せる。

使い方のイメージは次のとおり。

項目 入れる内容
タイトル 自分が管理しやすい名前
内容 A8.netで取得した広告コード全体
記事内 Cocoonが生成するショートコード

たとえば、A8.net登録用の広告コードを登録しておけば、記事内ではショートコードを入れるだけで同じリンクを表示できる。

この方法のメリットは、あとで差し替えが楽なことだ。

ASP案件は、広告主側の都合で素材が変わることがある。複数記事に直接コードを貼っていると、差し替え時に全部の記事を直す必要がある。Cocoonのアフィリエイトタグ管理にまとめておけば、管理元を直すだけで済む。

カスタムHTMLとCocoonアフィリエイトタグ管理の使い分け

最初はカスタムHTMLで貼ってもよい。ただ、A8.net、もしもアフィリエイト、サーバー案件などを増やしていくなら、管理方法を早めに決めておくと後が楽になる。もしもアフィリエイト側の流れは もしもアフィリエイトの始め方【2026年版】ブログ初心者向け登録方法 にまとめている。


A8.net広告コードを貼るときの注意点

A8.netの広告コードを貼るときは、次の5つを確認する。

注意点 理由
広告コード全体をコピーする 計測に必要な要素を落とさないため
リンクだけを抜き出さない 成果計測や規約面で不安が残るため
段落ブロックに貼らない HTMLが崩れる可能性があるため
PR表記を入れる 広告であることを読者に伝えるため
1記事に貼りすぎない 読者体験と信頼を落とさないため

特に、広告コードを自分で改変しすぎないことが大事だ。

たとえば、ボタン風にしたいからといって、広告リンクの中身を大きく変更したり、計測用タグを消したりするのは避けたい。Cocoonには囲みボタンなど便利な機能もあるが、初心者のうちはまず広告主が用意したコードをそのまま使う。

それから、記事の目的を忘れない。

この記事の目的は「読者がアフィリエイトリンクを正しく貼れるようになること」であって、広告を大量に並べることではない。収益化を急ぎたくなる気持ちはあるけれど、最初は広告より信頼のほうが大事だ。

AdSense審査も見据えるなら、広告の貼り方だけでなく記事品質やサイト構成も整える。チェック項目は AdSense審査前に確認すること【ブログ初心者向けチェックリスト】 にまとめている。


公開後に確認するチェックリスト

広告コードを貼ったら、公開して終わりではない。

最低限、次を確認する。

チェック 見ること
PR表記 記事冒頭に表示されているか
PC表示 バナーやテキストが崩れていないか
スマホ表示 横にはみ出していないか
リンク遷移 クリックして広告主ページへ進むか
内部リンク 関連記事へ自然に移動できるか
広告の数 1記事3本以内に収まっているか

自分は、公開後チェックを軽く見ていた時期がある。あとからスマホで見たら、画像が大きすぎたり、CTAの前後が詰まりすぎたりして、かなり読みづらかった。

アフィリエイトリンクは、置けば終わりではない。読者が自然に理解して、必要な人だけクリックできる位置に置く。

アフィリエイトリンク公開後に確認するチェックリスト

Cocoon全体の初期設定がまだ曖昧なら、先に Cocoon初期設定で最初にやること7つ【初心者向け】 を済ませておくと、表示確認もしやすい。WordPress全体の設定は WordPress開設後に最初にやる初期設定7つ【2026年版】 に戻れば確認できる。


よくある質問

Q1. A8.netの広告コードはリンクだけ貼ればいいですか?

基本的には、A8.netで生成された広告コード全体を貼る。リンクURLだけを抜き出すと、計測や表示の面で不安が残る。最初は生成されたコードをそのまま使うのが安全だ。

Q2. カスタムHTMLとCocoonのアフィリエイトタグ管理はどちらがいいですか?

1記事だけならカスタムHTMLでよい。同じ広告を複数記事で使うなら、Cocoonのアフィリエイトタグ管理に登録したほうが差し替えやすい。

Q3. アフィリエイトリンクは何本まで貼っていいですか?

このブログでは、1記事あたり最大3本までにしている。多すぎる広告は読者体験を下げるので、本文の流れに合う場所だけに置く。

Q4. バナーとテキストリンクはどちらがいいですか?

初心者の手順記事では、まずテキストリンクが扱いやすい。バナーは視覚的に目立つが、スマホで大きすぎることがある。A8.net公式の解説でも、広告リンクにはバナー、テキスト、メールなど複数タイプがあるため、記事の文脈に合う素材を選ぶ。

Q5. A8.netの提携審査に通っていない案件は貼れますか?

提携が必要な案件は、提携承認後に広告リンクを取得して貼る。記事数が少なくて提携審査が不安な場合は、A8.netの提携審査に必要な記事数は?ブログ初心者向けに準備すること を確認しておく。


まとめ:最初はカスタムHTML、増えたらCocoonで管理する

Cocoonでアフィリエイトリンクを貼るなら、最初は難しく考えなくていい。

まずは次の順番で進める。

順番 やること
1 記事冒頭にPR表記を入れる
2 A8.netで広告コードを取得する
3 WordPressのカスタムHTMLブロックに貼る
4 プレビューで表示を確認する
5 同じ広告を複数記事で使うならCocoonのアフィリエイトタグ管理に登録する

まだA8.netに登録していない場合は、無料登録を済ませてから広告リンクを取得しよう。

A8.netの申し込みページはこちら

関連記事は次の順番で読むと進めやすい。


次に読みたい記事

参考にした公式情報

コメント

タイトルとURLをコピーしました