> 【チート級】ChatGPTで最新・高精度なブログ執筆を実現する方法
PR

Cocoonでのアフィリエイト広告の貼り方を画像22枚でやさしく解説

Cocoonアフィリエイト広告の貼り方

初心者を苦しめるCocoonでのアフィリエイト広告の貼り方を分かりやすく解説!

Cocoonを使う初心者ブロガーのつまづきポイント「アフィリエイト広告の貼り方」を解説します。

この記事を見れば、こんなことが解決できます。

悩み人

Cocoonでアフィリエイト広告って、どうやって貼んのよぉぉぉぉぉ・・・

アフィリエイト広告の取得方法も、貼り方もチンプンカンプン・・・。

こんな方は、必見です!

サクッと理解して、早速ペタペタ広告を貼り付けてやりましょう。

WordPressテーマおすすめランキング

テーマ名WordPressテーマ「Cocoon」
価格無料
開発者わいひらさん(@MrYhira
推奨環境WordPress5.7.0以上
PHP7以上(5.6でも動作するとは思います)
Google Chrome
Firefox
Microsoft Edge
Safari
見たいところに飛べる目次

Cocoonアフィリエイト広告の貼り付け例

Cocoonを使ってアフィリエイト広告を貼ってみた例は下記です。

アフィリエイト広告の例

上記のように表示する方法を解説していきます。

Cocoonでテキストタイプのアフィリエイト広告を貼り付ける方法

ではまず、Cocoonにテキストタイプのアフィリエイトリンクを表示させる方法を解説します。

STEP
ASPでテキストタイプの広告リンクを取得する

ここでは、ASPの「A8.net」で、デザインツールCanvaを紹介する場合で見ていきます。

まずは、「A8.net」にログインして、Canvaの広告リンク(テキストタイプ)を取得します。

テキストリンク

上記のように表示された広告のコードをコピーしましょう。

STEP
HTMLとして編集をクリック

①「オプション」をクリックして、②「HTMLとして編集」をクリック。

HTML編集
STEP
<p>と</p>の間にコードを貼り付ける
コードの貼り付け位置

以下が、コードを貼り付けた状態です。

貼り付けた状態
STEP
「ビジュアル編集」をクリック
ビジュアル編集
STEP
テキストリンクが表示されます(完了)
テキストリンク

と、こんな感じでテキストリンクが作成できました。

Cocoonでバナータイプのアフィリエイト広告を貼り付ける方法

では次に、Cocoonにバナータイプのアフィリエイトリンクを表示させる方法を解説します。

STEP
ASPでバナータイプの広告リンクを取得する

ここでも、ASPの「A8.net」で、Canvaを紹介する場合で見ていきます。

A8.net」にログインして、Canvaの広告リンク(バナータイプ)を取得。

バナーのコード

上記のように表示されたバナー広告のコードをコピーしましょう。

STEP
HTMLとして編集をクリック

①「オプション」をクリックして、②「HTMLとして編集」をクリック。

HTML編集
STEP
<p>と</p>の間にコードを貼り付ける
コードの貼り付け位置
STEP
「ビジュアル編集」をクリック
ビジュアル編集
STEP
バナーリンクが表示される

と、こんな感じでバナーリンクが作成できました。

バナーが表示される

ただ、まだこれだと左寄せになっていて、やや違和感を感じますよね。

なので、中央に寄せていきます。

STEP
「テキスト中央揃え」をクリック
バナー中央寄せ
STEP
中央に表示されて一件落着。
バナーが中央に表示された

これで、真ん中に表示されて、しっくりくるバナーが設置できました。

カスタムHTMLで貼り付ける方法

他に、カスタムHTMLを使ってアフィリエイト広告を貼り付ける方法もあります。

ぶっちゃけ、どっちの方法を使用してもオッケーです。

使い方は下記です。

STEP
ASPでバナータイプの広告リンクを取得する
バナーのコード
STEP
「+」をクリックする
ブロックを「呼び出し」
STEP
カスタムHTMLをクリックする
カスタムHTML
STEP
アフィリエイト広告リンクのコードを貼り付ける
コードの貼り付け
STEP
「ブロックへ変換」をクリックする
ブロックへ変換
STEP
バナーリンクが表示されました
バナー表示

ただ、まだ左寄せなので、中央寄せにしていきます。

STEP
「テキスト中央寄せ」をクリックする
バナー中央寄せ
STEP
中央に表示されて一件落着。
バナーが中央に表示された

これで、真ん中に表示されました。

Cocoonテーマにアフィリエイトはある?

Cocoonテーマにアフィリエイトはある?という質問をいただいたことがあるので答えると・・・。

ありません!

Cocoonは無料テーマですしね。無料なのにアフィリエイト広告費を払うとマイナスになっていくだけですから・・・。

基本的には無料サービスにはアフィリエイトはないと思っておいた方がいいでしょうね。

まとめ|Cocoonでアフィリエイト広告を貼り付けまくって収益化へレッツゴー!

これで、Cocoonを使ったアフィリエイト広告の貼り付け方がマスターできたかと思います。

ヒナキラ

あとは、貼り付けるだけですね。

そう、ペタペタ、ペタペタと。

たくさん貼って、貼って、貼りまくって、収益化していきましょう。

では、以上となります。

まったね~~~~。

Cocoonの関連記事
Cocoonの評判&レビュー
Cocoonのインストール
Cocoonの初期設定
Cocoonヘッダーのカスタマイズ

当サイト使用テーマ。最高です。

WordPressテーマ「SWELL」の特徴
総合評価
( 5 )
メリット
  • 購入者限定アフィリエイトがあるからテーマで稼げる
  • 書きやすくて時短になるから生産性があがる
  • ChatGPTとの相性もバツグンで時短が加速
  • 誰でも簡単にオシャレなデザインにできる
  • 買い切り、複数サイトにバンバン使える
  • アプデが多くて進化がスゴイ
  • SEOにも強い
デメリット
  • 価格が高い
  • 個人開発の不安
  • 人気すぎてデザインが被りがち

\ 時短になって生産性が爆上がりするテーマ /

※おしゃれで書きやすくてブログが楽しくなる

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメント一覧 (2件)

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

見たいところに飛べる目次