![さこっしー](https://sakossy.com/wp-content/uploads/2021/05/IMG_0842.png)
こんにちは、さこっしーです。
今回は、『Cocoon』を使う初心者ブロガーのつまづきポイント『アフィリエイト広告の貼り方』を解説していきます。
Cocoonでテキストタイプのアフィリエイト広告を貼り付ける方法
まず、『Cocoon』にテキストタイプのアフィリエイトリンクを表示させる方法を解説します。
1、ASPでテキストタイプの広告リンクを取得する
ここでは、ASPの『A8.net』で、デザインツールのCanvaをご紹介する場合で見ていきます。
まず、『A8.net』にログインして、検索窓で『Canva』と入力して、右隣の虫眼鏡マークをクリックします。
![](https://sakossy.com/wp-content/uploads/2023/02/a02f361bf052b167e389b5453746b803.png)
次に、提携中の広告の右側に表示されている『広告リンク作成』をクリックします。
![](https://sakossy.com/wp-content/uploads/2023/02/c3761577499c466aa8480521b1b5de3e.png)
下記のように、表示された広告のコードをコピーしましょう。
![](https://sakossy.com/wp-content/uploads/2023/02/5db289e2e2f8f52c0bc9451181764e97.png)
2、HTMLとして編集をクリックする
『オプション』をクリックして、『HTMLとして編集』をクリックします。
![](https://sakossy.com/wp-content/uploads/2023/02/23efcf4503ddf9b604f658ba8c9f7ccf.png)
3、<p>と</p>の間にコードを貼りつける
![](https://sakossy.com/wp-content/uploads/2023/02/0848e80163ee7ab1cd5c13fd7a8a5ad3.png)
以下が、コードを貼りつけた状態です。
![](https://sakossy.com/wp-content/uploads/2023/02/fd0d6a3c48b13f8e42e46489a66b3ac0.png)
4、ビジュアル編集をクリックする
![](https://sakossy.com/wp-content/uploads/2023/02/3d1e7bcf93eb2410c788e880d50f34f5.png)
5、テキストリンクが表示される
下記のように、テキストリンクが表示されます。
![](https://sakossy.com/wp-content/uploads/2023/02/7a09005a8969624076889bce88ff7c5b.png)
上の画像のような感じで、テキストリンクが作成できました。
Cocoonでバナータイプのアフィリエイト広告を貼り付ける方法
次は、Cocoonにバナータイプのアフィリエイトリンクを表示させる方法をご紹介していきます。
1、ASPでバナータイプの広告リンクを取得する
『A8.net』にログインして、『Canva』の広告リンク(バナータイプ)をコードをコピーしましょう。
![](https://sakossy.com/wp-content/uploads/2023/02/001b3c742539d809bd85d8e438941d3a.png)
2、HTMLとして編集をクリックする
『オプション』をクリックして、『HTMLとして編集』をクリックします。
![](https://sakossy.com/wp-content/uploads/2023/02/23efcf4503ddf9b604f658ba8c9f7ccf-1.png)
3、<p>と</p>の間にコードを貼り付ける
![](https://sakossy.com/wp-content/uploads/2023/02/0848e80163ee7ab1cd5c13fd7a8a5ad3-1.png)
4、ビジュアル編集をクリックする
![](https://sakossy.com/wp-content/uploads/2023/02/3d1e7bcf93eb2410c788e880d50f34f5-1.png)
5、バナーリンクが表示される
下記のような感じで、バナーリンクが作成できました。
この状態だと左寄せになっているので、中央に寄せていきましょう。
6、テキスト中央寄せをクリック
![](https://sakossy.com/wp-content/uploads/2023/02/b832d91ebe298ef57b14f953a8810a7d.png)
すると、下記のように真ん中に表示されるバナーが設置できました。
![](https://sakossy.com/wp-content/uploads/2023/02/1e5b58c925073a09e7f42426acd96913.png)
カスタムHTMLで貼り付ける方法
他に、『カスタムHTML』を使ってアフィリエイト広告を貼りつける方法もあります。
どちらの方法を使用してもOKです。
それでは、やり方をご紹介していきます。
1、ASPでバナータイプの広告リンクをコピーする
![](https://sakossy.com/wp-content/uploads/2023/02/001b3c742539d809bd85d8e438941d3a-1.png)
2、『+』をクリックする
![](https://sakossy.com/wp-content/uploads/2023/02/42e84a105bbec20275d2780a1040c51f.png)
3、カスタムHTMLをクリックする
![](https://sakossy.com/wp-content/uploads/2023/02/f715c2a24aeb99d1dde9687cfe99ac8d.png)
4、アフィリエイト広告リンクのコードを貼りつける
![](https://sakossy.com/wp-content/uploads/2023/02/f2df93a5782460d041d00add8fa26b3e.png)
5、ブロックへ変換をクリックする
![](https://sakossy.com/wp-content/uploads/2023/02/dd47a736dda3421fbaae159f1c8a1ad4.png)
6、バナーリンクが表示される
![](https://sakossy.com/wp-content/uploads/2023/02/1a25e316d494fa34f334aed8a31520ee.png)
まだ左寄せになっているので、中央寄せにしておきましょう。
7、テキスト中央寄せをクリックする
![](https://sakossy.com/wp-content/uploads/2023/02/7248dfd56f28ed1f6c820c2f281a0a0b.png)
これで、下記のように真ん中に表示されました。
![](https://sakossy.com/wp-content/uploads/2023/02/e4859f0f222ea48fffe1f1b078b81fb4.png)
まとめ/Cocoonでアフィリエイト広告を貼りつけて収益化しよう
これで、Cocoonを使ったアフィリエイト広告の貼り付け方がマスターできたと思います。
たくさん貼りつけて、収益化していきましょう。
それでは、今回は以上となります。
コメント