【筆者体験ベース】おすすめ副業9選 >>>

Cocoonアフィリエイトタグ・リンクの貼り方3つ【全手順画像つき解説】

Cocoonアフィリエイトタグ・リンク貼り方
とち
とち

産経新聞社サンスポ記者として、Jリーグ、プロ野球、オリンピックなどを担当してきた『とち』(@blue_chikippaa)です。

真面目に、かるくが執筆信条。
現在はWeb制作会社の代表の傍ら、ブロガーとしていろいろ書きながら生きてます。

赤ちゃん画像
Cocoonを使ってるけど、アフィリエイトタグの貼り方がわからない。
一応貼ってるけど、正しく貼れてるか不安でねむれない。。。

こういったCocoonユーザーの悩みを解決する記事です。

Cocoonはアフィリエイト機能が、とても使いやすいテーマです。

ただCocoonを使い始めたばかりの方にとって、アフィリエイトタグの貼り方はつまづきポイントです。

本記事では、Cocoonでできる以下3つのアフィリエイトタグ・リンクの貼り方を解説します。

  • HTMLコード直貼り
  • リンクボタン1←通常ボタン使用
  • リンクボタン2←囲みボタン使用

本記事を読めば、Cocoonでアフィリエイトは、バッチリできます。

本記事の信頼性

この記事を書いている僕はブログ歴1年、Cocoon使用歴も同じく1年。
これからご紹介するASPとアフィリエイトで、月5万円の収益を達成してます。

本題に入る前の注意点2つ
アフィリエイトの仕組みとASPの役割
  • 本記事のアフィリエイトタグ・リンクの貼り方は、ブロックエディタでご説明します。
    →Cocoonが比較的新しいテーマでブロックエディタ利用者が多い
    →クラシックエディタへのサポートが2021年末で終了する
    →アップデートでブロックエディタが使いやすく進化
    この3つが理由です。

Cocoonアフィリエイトタグ・リンクの貼り方1:HTML直貼り

Cocoonアフィリエイトタグ・リンクの貼り方1:HTML直貼り

まずhtmlコードを貼って、以下のようなテキストやバナー広告を作成する方法です。

↓テキストリンク↓
レンタルサーバー Xserver ↓バナーリンク↓

本記事では大手ASPのA8.netの画面でご説明します。
※手順は、どのASPでも同じです。

テキストタイプでもバナータイプでも、貼り方は同じです。
以下テキストタイプで説明します。

STEP1:広告と表示形式(テキストorバナー)を決める

貼る広告を決めたら(※事前提携が必要)、広告リンク作成から広告表示タイプを選択します。

A8広告作成画面

STEP2:コードをコピーする

テキストタイプなら、表示したい文面のコードを取得(全コピー)します。

A8広告選択画面

ASP側の作業は終わりです。

STEP3:「カスタムHTML」に取得したコードをペースト

ここからWordPress編集画面です。

ブロックから「カスタムHTML」を選択、ASPで取得したコードをペーストします。

カスタムHTML選択画面
カスタムHTML画面
カスタムHTMLにコード入力画面

下記のように表示されているか、プレビューで確認してみましょう。

レンタルサーバー Xserver

「カスタムHTML」でなくても、そのまま段落ブロックでペーストしたら広告表示できます。
ただこの場合、コード中の<img>タグが消える現象が起きます。

<img>はインプレッション取得のためのタグなので成果発生に影響はない、とされてますが基本的にASPはコードの改変を禁じています。

不安な方は「カスタムHTML」を使用するのが無難です!

Cocoonアフィリエイトタグ・リンクの貼り方2:通常ボタン

Cocoonアフィリエイトタグ・リンクの貼り方2:通常ボタン

次に「Cocoonボタン」で、アフィリエイトのリンクを作成する方法です。

WordPress5.5からは、WordPressデフォルトのボタンが追加されて選べるパターンが増えました!

Cocoonボタンは、シンプルにURL(https://〜)を挿入するものです。

ASPを使う場合、単純なリンク挿入は少ないですが、海外プログラムのアフィリエイトでは多用します。
国内でもLINK-AといったASPで下記のような、URLを直接挿入するアフィリエイトができます。

リンクエー画面

STEP1:Cocoonボタンを選択

編集画面のブロックから「ボタン」を選択します。

ボタン選択画面

STEP2:リンクを挿入

編集画面右の「ボタン設定」からURLを挿入します。

URLを挿入

STEP3:ボタンのテキスト編集&加工

リンクを挿入したら、ボタン内のテキストも記入しましょう。
(ボタンをダブルクリックでテキスト編集できます)

ボタンの表示パターンも、Cocoonは多彩です。

<サイズ>

・小
・中
・大

<円形>

<光らせる>

クリック率がアップする色がある?

余談ですが「補色」って知ってますか?
色には下記の十二色相環というモデルがあり、「補色」とは色相環の反対にある色を指します。

マーケティング会社の研究で、活発な補色を用いて購入ボタンや問い合わせボタンを作ると、クリックされやすくなる結果が出ています。

(例)当ブログのメインカラーが下記の紺系

メインカラーだ!メインカラーだ!メインカラーだ!

メインカラーに対する「補色」のボタンがこちら↓↓↓

Cocoonアフィリエイトタグ・リンクの貼り方3:囲みボタン

Cocoonアフィリエイトタグ・リンクの貼り方3:囲みボタン

Cocoonでアフィリエイトボタンを作るときに通常、使用するのが「囲みボタン」です。

STEP1:広告と表示形式(テキストorバナー)を決める

コード取得までは「カスタムHTML」に貼る手順と同じです。

A8広告作成画面

STEP2:コードをコピーする

表示したいテキストのコードを取得(全コピー)します。

A8広告選択画面

ASP側の作業は終わりです。

STEP3:「囲みボタン」の「囲みボタン設定」にペースト

ここからWordPress編集画面です。

ブロックタイプから「囲みボタン」を選択します。

囲みボタン画面

編集画面右の「囲みボタン設定」に、ASPで取得したコードをペーストします。

囲みボタン設定画面

自由テキストの場合は、任意でボタン内テキストを変えてください。

ボタンの表示形式は、通常ボタンと同様です。

Cocoonアフィリエイトタグ・リンクの便利な貼り方

Cocoonアフィリエイトタグ・リンクの便利な貼り方

Cocoonでは、よく使うアフィリエイトタグをショートコードにして呼び出せるようになってます。

<アフィリエイトタグ登録・挿入手順>

STEP1:管理画面Cocoon設定「アフィリエイトタグ」でコード入力

Cocoon設定画面

STEP2:「アフィリエイトタグ」でコード入力

編集画面でアフィリエイト広告を挿入したい箇所で、「$」マーク(?)から登録したタグを呼び出します。

アフィリエイトタグ入力画面

このようにCocoonなら、いつでもどこでも簡単にアフィリエイトタグを呼び出せます。

僕は別でアフィリエイトサイトも運営していますが、アフィリエイト機能に関してCocoonはWordPress有料テーマに全く引け取らないです。

テーマ導入コストもないので、収益化向きのテーマとも言えますね。

ほんと、Cocoon、神。

コード見るだけで無理…って方は

できない!
コードを見るだけで、拒否反応がすごいんだァァァ

Cocoonはユーザーが育てるテーマなので、思い通りに設計するには
多少のプログラミング知識が必要になります。

対応策をご提案するなら
【1】カスタマイズが容易な有料テーマに変更する
【2】プログラミングを学習する

のいずれかです。

もちろん【1】の方が簡単なんですが、プログラミングがわかるとCocoonは100倍楽しくなります。

僕は「ここの色を変えたい」みたいな感じから学習を始めて、今ではコードを書くことも仕事となりました。そんな難しいもんじゃないです、実際。

どうせなら【2】の「学び」に投資した方がいいと思いませんか?
独学は、おすすめしません。
僕が1万回絶望したから…。

コロナのご時世なので、プログラミング学習するなら
オンライン完結のTechAcademy (テックアカデミー)がおすすめです。

\テックアカデミーで/

Cocoonアフィリエイトタグ・リンクの貼り方3つ【全手順画像つき解説】:まとめ

Cocoonアフィリエイトタグ・リンクの貼り方3つ【全手順画像つきで解説】:記事まとめの画像

Cocoonのアフィリエイトタグ・リンクの貼り方は以上になります。

手順は簡単なんですが、コードを見慣れていないと不安ですもんね。

僕もASP数社に、問い合わせしたことがあります。
「成果が発生しないけど、貼り方合ってる?」と。

結論、アフィリエイトタグの貼り方に問題はありませんでした。
単に、売れなかっただけ^^;

本記事で紹介したCocoonアフィリエイトタグ・リンクの正しい貼り方を実践して、大きな成果をあげましょう。

今回はこの辺で!

アフィリエイトなら登録必須7
当ブログで叶えられるCocoonユーザーの願い
【Cocoonカスタマイズ編】
【Cocoonカスタマイズ以外】

Cocoon
\この記事を書きました/
とち

★20年3月産経新聞社を退職→Web制作・マーケティング会社を設立
★ブログ、デザイン、スポーツ(サッカー&NBA)を愛する39歳。
★いろいろ書きながら、やんちゃ息子2人と陸ガメと鬼嫁と京都に生息中。


★副業を推奨するファイナンシャル・プランナー(FP2級技能士)でもあります。お金の悩み…いつでもご相談ください!
(TwitterDMなどからお気軽にどうぞ)

なんかコイツじゃ頼りない、と思う方はリクルートのFP相談があります。

スポンサーリンク
\ここまで読んでくれた方はシェアを/
tochiblog〜元スポ新聞記者の編集室〜

コメント待ってます!

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