[Cocoon] アフィリエイトタグの使い方とアフィリエイトリンクの入れ方

当記事では、アフィリエイトタグの登録とアフィリエイト広告の挿入手順を説明します。

アフィリエイトタグは、ASPのサイトからコピーします。お目当ての広告を選ぶと、コードが表示されていますね。

「アフィリエイト」とは？というポイントは以下の記事の目次１番で簡単に説明しています。

 

よく使う案件は「登録」

アフィリエイトタグを登録

１．[Cocoon設定]で[アフィリエイトタグ]をクリック。

２．[新規追加]をクリック。

３．以下のような画面になります。

３－１．表示ラベルとなる[タイトル]を入力します。ここで設定したタイトルをドロップダウンリストから選択することになるので、分かりやすい名前をつけましょう。（私はアフィリエイトサービスプロバイダーの名前・商品・サイズもやタイプを簡単に名前に入れました。）

３－２．登録したい広告のアフィリエイトタグをASPのアカウントからコピーして、[内容]のところに貼り付けます。（コピーの方法は各ASPのマニュアルを参照しましょう。）

４．[保存]をクリックでできあがり！挿入方法は次のステップです。

[記事内] リストから挿入 ①

１．ブロックの右辺にプラスサインが表示されています。クリック。

以下のようになります。

ここに、[クラシック]メニューがリストされていたらクリック。無ければ、ブロックの検索ボックスにクラシックと入力。メニューが表示されるのでクリック。

２．最下段の真ん中、[アフィリエ…]をクリックすると、登録したタグがリストされています。選ぶだけ！[下書きとして保存]して[プレビュー]で確認してみてくださいね。

[記事内・外・文中] ショートコードで

１．[Cocoon設定]で[アフィリエイトタグ]をクリック。

２．[アフィリエイトタグ管理]で[一覧ページへ]をクリック。

登録したアフリエイトタグが表示されます。ショートコード部分をコピー。

２－A．記事内に挿入したい場合

挿入したいブロックに貼り付けます。編集画面では以下のように見えると思いますが、[下書きとして保存]をして[プレビュー]で確認すると、アフィリエイトの広告が表示されています。

２－B．記事外に挿入したい場合

[外観]＞[ウィジェット]から、[カスタムHTML]や[広告]、[テキスト]ウィジェットをお好みで選びます。好きな場所に追加して、ショートコードを貼り付ければOK。画像付きの説明は、目次の５番をご覧ください。

２－C. 文中に挿入したい場合

ショートコードを文中に含めます。

　例：W報酬が嬉しい[affi id=7]でアフィリエイトに挑戦！

とすると、以下のように表示されます。

　例：W報酬が嬉しいもしもアフィリエイトでアフィリエイトに挑戦！

[記事内] 登録しないで挿入

アフィリエイトタグを登録していない場合の方法です。

まず、アフィリリンクを入れたい記事の編集画面を開きます。

０．ASPプロバイダーのサイトで、挿入したい広告タグをコピーします。（このステップのタイミングは、後でも良いです、お好きなところで。）

１．ブロックの右辺にプラスサインが表示されています。クリック。

以下のようになります。

２．ここに、[カスタムHTML]メニューがリストされていたらクリック。無ければ、ブロックの検索ボックスにカスタムと入力。[カスタムHTML]メニューが表示されるのでクリック。

３．以下のボックスに先ほどコピーしたリンクを貼り付けします。(Ctrlキーを押しながらVキーを押します。) [下書きとして保存]をクリックすれば完成です！ プレビューで見てみてくださいね。

コードエディタで挿入

上記の方法のが簡単なので、「コードエディタ」を使いたい方対象です。

そうでなければ飛ばしてください。（次のセクションへジャンプ。）

０．ASPプロバイダーのサイトで、挿入したい広告タグをコピーします。（このステップのタイミングは、後でも良いです、お好きなところで。）

１．アフィリリンクを入れたい記事の編集画面を開きます。

２．画面右上の1番右に、縦にマルが３つ並んでいるアイコンがあります。クリック。

３．この記事をお読みの方は、以下のように[ビジュアルエディター]にチェックが入っているかと思います。[コードエディター]をクリックしてください。

４．表示された[コードエディター]の編集画面に、コピーしてあったアフィリリンクを貼り付けます。[下書きとして保存]をクリックすれば完成です！

コピーする「場所」ですが、段落の切れ目が分かりやすいと思います。目印となるような文を書いて、その下に挿入します。

以下の画面では、「例えばこんな感じ。」という文の後に貼り付ける例。
その文の下に貼り付けるだけです。文中の場合は入れたい単語の後に。

例えばこんな感じ。

 

貼り終わったらビジュアルエディターに戻して、その前後にブロックを追加していつも通りに記事を書けます。

[記事外] 広告タグかショートコード

０．挿入したい広告タグ（ASPのサイトから）、もしくは登録した「ショートコード」をコピーします。（このステップのタイミングは、後でも良いです、お好きなところで。）

１．[外観]＞[ウィジェット]を選択。

２．左サイドにあるウィジェットから、お好みでどれかを選びます。

• [カスタムHTML]
• [広告]
• [広告（PC用）]
• [広告（モバイル用）]
• [テキスト]: 「ショートコード」を使う必要があります。

▼をクリックして、配置したい場所をクリック。

３．例として、[[C] 広告（PC用）]で、[サイドバー]を選びました。

４．広告タグのスペースに、アフィリエイトの広告リンクを貼り付けます。もしくは、登録したアフィリエイトタグのショートコードを貼り付けます。

５．貼り付けたら、[保存]ボタンを押して、[完了]をクリック。プレビューで確認しましょう。

おわりに

ブログでアフィリエイトをする、というのは、自分のセレクトショップを開店するということに例えられると思います。

（「セレクトショップ」は和製英語で通じないそうです。）

「セレクトショップのオーナー」になるなんて、普通はどれだけ資金がいることか。

「ライター」になりたかったら、どれだけ修行が必要か。

ブログってすごいなと思います。