初心者は覚えたいCocoonにアフィリエイトリンク貼り方を徹底解説

グーグルアドセンスのコードを貼れつけることができたので

つぎは　アフィリエイト広告を貼り付けていきます

ブログを立ち上げGoogleアドセンス審査に合格して

アドセンス広告を貼ることができたら

今度はアフィリエイト各社に利用申し込みをして

アフィリエイト広告を貼り付けましょう

基本的にはどこのASP会社もやり方は一緒です。

Googleアドセンスの設定はこちら

ＡＳＰ各社セルフバック商品＝自分で申し込んで

自分が得することができる商品がもあります

A8.netは、サイトを持っていなくても登録ができるASPです

セルフバック商品をうまく選べば

実質0円で商品購入することもできてしまうので

登録してお得に使ってください

結論：ＡSP各社　なれてしまえば簡単です

ブログを立ち上げたばかりだと

広告設置のハードルが高く感じますが

楽天アフィリエイト　もしもアフィリエイトは

広告設置がしやすいのでコツを覚えましょう

ASPの審査があります

• 楽天アフィリエイト
• A8.net

以外のASPはサイトを登録後に審査を受けます

ASPによるサイト審査の後には

個別広告の審査もありますので

審査落ちをしても、あきらめずに申請していきましょう

おすすめASP　3社の特徴です

もしもアフィリエイトでは

成果が出た時の銀行振り込み手数料が無料＆Ｗ報酬制度があります

さらに「楽天市場・Amazon.co.jpかんたんリンク」は

商品リンクが簡単に作成できるのでおすすめです

A8.netは

日本最大のASP会社なので

紹介したい商品が見つかります

A8.netではサイトを持っていなくても登録ができます

セルフバック商品をうまく選べば

実質0円で商品購入することもできてしまうので

登録してお得に使ってください

バリューコマースでは

紹介案件の単価が高い傾向にあります

他のASPでは承認率が見えませんが

バリューコマースでは、紹介案件 承認率が見えます

3社独自の戦略でそれぞれサービスがあります

ASP各社は、セルフバック制度があります

ASP各社に登録して

うまくセルフバックを使っていただけたら幸いです

アフィリエイト サービス プロバイダー と は

ASPとはアフィリエイトサービスプロバイダーの略です

広告主と、ブロガーの双方をマッチングさせる広告代理店です

アフィリエイトサービスプロバイダーがあるおかげで

初心者でもかんたんにアフィリエイトを始めることができます。

最大手だけ登録しておけばいいじゃないの　
と思いませんか？

ブロガーがブログで収益化を出すためには必須です

もちろん登録は無料なので登録してみてください

アフィリエイトリンクとは

アフィリエイトサービスプロバイダー（ASP）に登録しただけでは

報酬はいただけません

ASPがブロガーと広告主をマッチングさせましたが

アフィリエイトリンクはブロガーが

広告収入を得るための識別コードです

識別コードによってよって購入された際に

• どのサイトで紹介されたのか？
• 誰が紹介したのか？

がわかります

アフィリエイトリンクの識別コードによって紹介者に広告収入が発生します

アフィリエイトリンク種類

アフィリエイトリンクには２種類あります

• バナー広告
• テキストリンク広告

使いやすい方を使ってみてください

バナー広告

バナー広告は

読者に目立つ広告です

クリック率は低くいですが

視認性が高いので購入を後押しするようなときに使います

テキストリンク広告

テキストリンク広告は

バナー広告に比べてクリック率が高いですが視認性が低いです

商品やサービスを押し売りするのではなく自然に勧めることができます

サイトを持っていなくても登録できる　【A8.net】　はこちら

アフィリエイトリンク改変

基本的にアフィリエイトのテキストリンク広告の

文言変更は許可されていません

• もしもアフィリエイト
• バリューコマース

ではテキストリンク広告で改変できるものがあります

楽天アフィリエイト

楽天アフィリエイトとは

楽天グループが運営するアフィリエイトです

楽天アフィリエイトへの登録は

楽天会員であれば、すぐに始められます

アフィリエイトリンクから

• 買い物かごに入れるまで24時間以内
• 商品を購入するまでに89日以内

この条件を達成した場合に成果報酬が発生します。

楽天アフィリエイトで成果報酬が発生した場合

翌月末に成果が確定し

翌々月10日に成果報酬として楽天キャッシュが支払われます

2020年12月10日の報酬付与分から

すべて楽天キャッシュでの支払いです。

3カ月連続で月間3,001円以上の成果報酬があれば

銀行振り込みにも対応しています。

「3カ月連続で月間3,001円（楽天キャッシュ）以上の成果報酬を受け取られている」 という条件をクリアしている方へ、銀行振り込みでのお受け取りをご用意させていただいております。

https://affiliate.rakuten.co.jp/guides/rate/index.html

楽天キャッシュとは

楽天キャッシュとは

オンライン上で使える「お財布」です

楽天キャッシュから楽天ペイへのチャージ

楽天ペイから楽天キャッシュへのチャージができます

銀行振り込みで報酬を受けたい方は受け取り条件があります

3か月連続で月間3,001円（楽天キャッシュ）以上の成果報酬があれば

銀行振込への切り替えも可能です

詳しくは成果報酬　銀行振り込み 条件をご覧ください

楽天 アフィリエイト リンク 作成

楽天アフィリエイトリンクを作成・貼り付けていきます

楽天アフィリエイトに移動してログインします

楽天IDのある方は

• 画面右上
• 画面右側

からログインします

まだ楽天IDを持っていない方は新規登録をします

ログイン後に商品検索をします

楽天 アフィリエイト 商品 検索

まず、紹介したい商品を検索します

ご自身で使ってよかった商品などを

楽天アフィリエイトにある　

「楽天市場の商品を」の部分に入力して「検索」をクリック

検索結果が表示されるので好きな商品の右側にある

　商品リンク　をクリックします

リベ大の両学長の本　「お金の大学」　を紹介したいと思います

楽天 アフィリエイト リンク タイプ

リンクタイプ、画像、サイズが表示されているので

お好みの表示タイプを選択します。

お好みのタイプを選択して

プレビュー下にコードが作成されます

作成されたコード下にあるコピーをクリックします

楽天 アフィリエイト リンク 貼り方

wordPressテーマはＣｏｃｏｏｎを使用しています

cocoonに楽天アフィリエイトリンクを貼っていきます

コピーしたアフィリエイトリンクコードを貼り付ける時は

カスタムHTMLをクリックして、貼り付けをします。

ブロックの追加をクリックします

使用頻度が高くなると一覧に表示されます

カスタムHTMLが表示されていない場合は

すべて表示をクリックして

カスタムHTMLを探してクリックします

カスタムHTML枠が表示されたらコピーしたコードを貼り付け

プレビューをクリックします。

表示されていた画像と同じものが作成できたら完成です。

本当の自由を手に入れる　お金の大学 [ 両＠リベ大学長 ] 価格：1540円（税込、送料無料) (2020/11/9時点) 楽天で購入

本当の自由を手に入れるお金の大学【電子書籍】[ 両＠リベ大学長 ] 価格：1210円 (2020/11/9時点) 楽天で購入

電子書籍版は、お値段がちょっと安いです。

楽天アフィリエイト広告の設置が完了しました

基本的にASP各社も流れはいっしょです

リンクを作成して広告コードを貼り付けます　

楽天 アフィリエイト 画像表示されない

ワードプレステーマCocoonを使っていて

アフィリエイトリンクを貼り付けたのに

画像が表示されない方は

アフィリエイトリンクコードをコピーして

貼ろうとしたときに

カスタムHTMLを使用しないで

直接アフィリエイトリンクを貼ると画像が表示されません

カスタムHTMLを使用してください

cocoon アフィリエイト 貼り方

アフィリエイトリンクの貼り方には

• そのままテキストリンク広告を貼る
• テキストリンク広告をボタン化して貼る

の2種類あります

用途に応じて使い分けてください

cocoon アフィリエイト ボタン　種類

ボタンの種類が2種類あります

• ボタン
• 囲みボタン

ボタンは内部リンクなどに使い

囲みボタンはアフィリエイトリンクのボタンとして使います

ボタンを使用してアフィリエイトボタンを作ると改変に該当します

改変しないようにアフィリエイトボタンを作る時は

囲みボタンを使用します

囲みボタンは、アフィリエイトボタンを作る時に使います

cocoon アフィリエイト ボタン

Cocoonでのボタン設置方法です

もしもアフィリエイトのリンクコードを使用して

囲みボタンを作成していきます

Cocoonでボタンを設置するには

まずブロックの追加をクリックします

ブロックの検索に「ボタン」と入力します

囲みボタンを選択します

よく使う項目は

ブロックの追加をクリックすると

表示されます

よく使う項目に表示されていない場合

すべて表示をクリックして探すこともできます

Cocoonブロックの中にある囲みボタンをクリックします

囲みボタンが表示されます

囲みボタン設置後、画面右側に表示される

囲みボタンの設定からリンクタグ・ショートコードに

もしもアフィリエイトで取得した

テキストリンク広告を貼り付けます

囲みボタンのサイズ小・中・大を選択します

小サイズ

もしもアフィリエイト

中サイズ

もしもアフィリエイト

大サイズ

もしもアフィリエイト

ボタンが表示されました。

色は画面右下に色設定があるので

お好みの色に変更することができます

長方形を円形にすることも可能です

円形にするをONにスライドさせると円形になります

光らせるをONにスライドさせるとボタンを光らせることができます

もしもアフィリエイト

もしもアフィリエイト

cocoon アフィリエイト ボタン設置位置

ボタンリンクの設置場所は

見出しの上にボタンリンクを設置します

文章の途中にボタンリンクを設置するのは

あまりおススメしません

見出しの上にボタンリンクがあるのが理想的です

もしもアフィリエイト

クラシックエディターでボタン作成

wordpressでボタンリンクを作れることを知った時

クラシックエディターを使って

ボタンリンクを作成してみましたが

段落ブロックが一塊になるトラブルにあいましたので

クラシックエディターとブロックエディターを混ぜて使う方は

注意してください

クラシックエディターはwordPressができた

2003年から使われているエディターです

Cocoonでは

使用するエディターを簡単にクラシックエディターとグーテンベルグ

に切り替えることができます

クラシックエディタ切替方法を紹介します

クラシックエディタープラグイン

2018年から使っていた方にとってグーテンベルグは

使いづらいようです

wordPressから、公式プラグインが用意されています

wordPress公式のクラシックエディターのサポートは

2021年12月31日までで打ち切り予定です

2021年12月31日以降は

有志の方によるサポートになっていくようです

cocoon　クラシックエディタ 　切替１

テーマcocoonであれば

wordPress管理画面→cocoon設定をクリック

Cocoon設定の「エディタータブ」をクリックして

Gutenbergの横にある

「Gutenbergエディターを有効にする」☑を外すと

クラシックエディターに変更することができます

cocoon　クラシックエディタ 　切替２

切替方法２としては

「ブロックを追加」をクリックすると

メニュー画面の中にクラシックがあります

クラシックをクリックするとクラシックエディターが表示されて

段落ブロックに

クラシックエディターで文字を入力することができます

クラシックエディター　段落ブロック一塊

ブロックの挿入から　クラシックを選択して

クラシックエディターでボタンリンクを挿入しました

クラシックエディター切替2の方法です

当初は問題なく、記事もボタンも入力できましたが

記事更新後に再度編集しようとしてみたところ

クラシックからブロックへ変換

通常であれば、クラシックエディターから

ブロックへ変換ができます

クラシックエディターを挿入すると「ブロックへ変換」というボタンがあるので

ブロックへ変換されるはずですが

何度やっても

ブロックへ変換がうまく行きません

ブロックへ変換 できない原因

ブロックへ変換されない原因のひとつに

クラシックの中に、リンク先URLが存在していると

ブロックへ変換されないことがあります

URLを消して変換してみました

URLを消したところ、ブロックへ変換はされましたが

文字が消えて画像のみ表示された状態に・・・・

復旧方法が思いつかなかったので一度消して書き直しました

Cocoonフォーラムにも似たような相談があったので

クラシックからブロックへ変換がうまくいかないようです

Cocoonフォーラムの相談内容はこちら

もしもアフィリエイトとは

サイトを既に運営している方は

もしもアフィリエイトに登録することをおすすめします

もしもアフィリエイトは、 がんばる個人 を

応援しています

絶対に登録したい!!

アフィリエイトサービスプロバイダーの１つです。

Ｗ報酬制度とは、もしもアフィリエイトで発生した

収益に・・・なんと！！

１２％のボーナス報酬がつきます

もしもアフィリエイトで100万円の報酬があれば

12万円のボーナスになります

ただし、Amazonと楽天のプロモーションは対象外になります

初心者が

• Amazon
• 楽天市場
• Yahoo!

の商品リンクを作ることはハードルが高いですが

もしもアフィリエイト 簡単リンクを使えば

見栄えのいい、おすすめしたい商品のリンクが簡単につくれます

初心者に優しい「もしもアフィリエイト」を登録して

かんたんリンクを使ってみてください

W報酬制度がある!!　【もしもアフィリエイト】はこちら

もしも アフィリエイト 登録方法

もしもアフィリエイトにまず登録をします

メディア・ブロガーの方

「会員登録する（無料）」オレンジ枠をクリックします。

仮登録をするとメールが送られてきます

送られてきたメールに

本登録へ進むＵＲＬがありますのでクリックします

もしも アフィリエイト サイト 登録

メールをクリックすると本登録の画面に移ります

もしもアフィリエイトにログインするための

• アカウント情報
• ユーザー情報を入力します

入力内容を確認して

サイトを登録する をクリックします

もしもアフィリエイトにサイト情報を入力していきます

審査不要なので、後で提携することもできます

サイト登録ガイドラインの確認画面は

かなりの数ありますが

確認してチェックを入れてください。

以上で、サイト登録が完了します。

もしも アフィリエイト 審査

本登録が完了すると確認メールが届きます

メールに審査に5営業日程度いただく場合もあります

と記載されています

もしもアフィリエイトによるサイト審査中でも

提携申請などは行えますのでAmazonとの提携をしておきます

もしも アフィリエイト amazon

「楽天市場・Amazon.co.jpかんたんリンク」を設置するには

• 楽天
• Amazon
• ヤフーショッピング

それぞれと提携します

提携できると商品へのリンクが簡単に作成できます

ぜひ提携してください

かんたんリンクページ下にある

対応プロモーション　Amazon.co.jp　をクリックします。

Amazon提携画面から

右側にある　提携申請する　をクリックします。

申請中になりますので、審査終了まで待ちます

審査中でもリンクを作ることができるので

リンクを作成していきます

もしも アフィリエイト かんたん リンク

リンクを作成していきます。

トップページ　中央にある

「楽天市場・Amazon.co.jpかんたんリンク」をクリックします。

「かんたんリンク」検索窓で商品を検索します。

今回は名著「沈黙のwebライティング」をさがしてみます。

「沈黙のweb」と入力して🔍をクリックすると検索結果が表示されます

検索結果に表示された商品の上にマウスを移動すると

みどりのチェックマークが出てきます

チェックマークをクリックします。

選択した商品のプレビュー下に　HTMLソース　が表示されるので

コードをコピーします。

もしも アフィリエイト リンク 貼り 方

楽天アフィリエイトと同様にリンクを貼り付けていきます。

使用しているテーマはＣｏｃｏｏｎです

ブロックの追加をクリックします

カスタムＨＴＭＬを選択します。

よく使う項目に表示されていない場合は

すべて表示をクリックします

カスタムＨＴＭＬを選択して表示された枠に

コードを貼り付けます

コピーしたHTMLソースを貼り付けし

プレビューをクリックします。

かんたんリンク プレビューと同じものが作成できたら完成です。

問題がなければもしもアフィリエイトの審査に合格しますので

広告設置も完了します

問題があった場合、再審査　再申請をします

サイトが審査合格するまで頑張りましょう

W報酬制度がある!!　【もしもアフィリエイト】はこちら

A8.net 登録 方法

A8ネットは、日本最大のASPなので

紹介したい商品があります

セルフバック商品をうまく選べば

実質0円で商品購入することもできてしまうので

A8.net登録してお得に利用してください

「アフィリエイトをはじめてみる」をクリックします

仮登録メールが送られてくるのでメールにある

登録用ＵＲＬをクリックします

基本情報を入力したら

次にメディア情報を入力していきます

メディア情報には、サイト名と、サイトＵＲＬを入力します

サイトを持っていなくてもA８ネットは登録できます

A8.net 手数料

もしもアフィリエイトでは

登録時に口座情報は入力しなかったんですが

A8.netでは登録の段階で口座情報が必要になってきます。

報酬金の振込手数料は

成果報酬金額から自動的に差し引かれます

受取金額の事を考えるのであれば一時的に登録しておき

受け取り時に口座変更をした方がいいです

サイト登録が完了すると

エーハチくんがでてきます。

A8プログラム　

登録が完了したので掲載広告を選択していきます

探し方はいろいろありますが

メイン画面にある　探し方いろいろ！プログラム選びのヒント　から

お好きな項目を選びます。

人気ランキング　をクリックすると

掲載できる広告が出てきます

表示された広告の右側チェックボックスに☑をして　

　提携申請する　をクリックします。

審査が必要なもの、即時提携などありますので

審査結果を待ちましょう。

A8 ネット 商品 リンク

提携が完了したら広告リンクを作成していきます。

広告タイプからバナーもしくはテキスト　を選択します

ここでは、テキストを選択して

広告リンク作成　をクリックします。

広告が表示されるので貼り付けたい広告を見つけ

素材をコピーする　をクリックします。

A8 ネット 広告 貼り 方

使用しているテーマはＣｏｃｏｏｎです。

Cocoonでのリンク貼り方はブロックの追加をクリックします

カスタムＨＴＭＬを選択します。

よく使う項目が表示されます

よく使う項目に表示されていない場合は

すべて表示をクリックします

カスタムＨＴＭＬを選択して表示された

カスタムHTML枠にコードを貼り付けます。

コピーしたHTMLコードを貼り付けし

プレビューをクリックします。

素材タイプがテキスト広告です

サイトを持っていなくても登録できる　A8.net　

素材タイプがバナー広告です。

選択した広告と同じものが作成できたら完成です。

サイトを持っていなくても登録できる　A8.net　はこちら

バリューコマース アフィリエイト やり方

基本的には

• もしもアフィリエイト
• A8 ネット

と登録方法、リンクの貼り付け方は変わりません

バリューコマースのサイトに移動します

トップページ下にある

無料会員登録してアフィリエイトを始めるをクリックします。

バリューコマース 登録

メールアドレスを入力して

規約を確認したら送信をクリックします。

登録用のメールが送られてきますので

必要事項を記入して送信します

バリューコマース 登録審査

登録用メールから手続きが完了後

サイトの審査がありますので審査終了まで待ちます

メールが送られてきた時点では

仮パスワードになっています。

初めて管理画面に入るとパスワード変更画面が出てきますので

新パスワードに変更して設定を完了させます。

バリューコマース　提携方法

登録が完了したら

バリューコマーストップページ右上にある

管理画面から　広告　タブを選択して

詳細検索　をクリックします

掲載したい広告を探していきます

広告ページ下には人気広告主ランキングもありますので

人気広告から提携してみるのもいいと思います

提携審査が必要なもの即時提携できるものなどさまざまありますので

広告を検索してみてください

バリューコマース　リンク作成

掲載したい広告を発見できたら

広告素材を選ぶ　をクリックします

広告コードが表示されるので

右側下にある　コードを選択　をクリックして

表示されている広告コードをコピーします。

バリューコマース　広告 貼り方

WordPress　投稿記事に広告の素材を貼り付けをします。

使用しているテーマはＣｏｃｏｏｎです。

バリューコマースの広告コードをCocoonに貼り付けるために

ブロックの追加をクリックします

ブロックの追加からカスタムＨＴＭＬを選択します。

よく使う項目に表示さています

よく使う項目に表示されていない場合は

すべて表示をクリックします

すべて表示されたら、カスタムＨＴＭＬを選択します

バリューコマースの広告コードを

表示されたカスタムHTML枠に貼り付けし

プレビューをクリックします。

広告プレビューと同じものを

作成することができたら完成です。

承認率が見える　バリューコマースはこちら

まとめ

楽天アフィリエイトは

審査不要、楽天IDがあればすぐに始められますので

楽天アフィリエイトで

アフィリエイト広告のつくりかた

アフィリエイト広告の貼り付け方がわかります

• もしもアフィリエイト
• A8.net
• バリューコマース

はASPの大手ですので登録しておけば

ブログが副業になります。

広告申請して審査落ちしてもあきらめずに申請していきましょう

最後まで読んでいただきありがとうございました