> デザインが綺麗でおしゃれ!評判のSWELLをレビュー!

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ヘッダーのカスタマイズ

時短に繋がる、超高機能Wordpressテーマ。

Wordpressテーマ「SWELL」の画像

SWELLはオシャレで、非常に使いやすく、時短に繋がる生産性高いWordpressテーマ。

しかも、開発者の熱意が素晴らしく、常に新しい機能が追加され続けています。

17,600円と一見安くはないものの、その機能や生産性などの魅力を考慮すれば、むしろ安いとすら感じます。

あなたも、二度と手放せなくなるWordpressテーマ「SWELL」の感動を味わってみて下さい。

\いま最高のWordpressテーマ/

※有料テーマの中で一番おすすめ

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

コメント

コメントする

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

CAPTCHA

タップできる目次
閉じる