> 時を生みだすテーマ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テーマ「SWELL」の特徴
総合評価
( 5 )
メリット
  • とってもオシャレなサイトが誰でも作れる
  • 構造化機能も充実!SEO対策をしやすい
  • 高速化のプロを顧問!ページスピードが速い
  • 時短機能も充実!記事執筆を効率化できる
  • ブロックエディター対応度ナンバーワン
  • ブログ運営が楽しくなる
  • 初心者でもカスタマイズしやすい
  • 買い切り、複数サイトに使える
  • アプデが頻繁で進化が止まらない
デメリット
  • 値段が安くない(17,600円)
  • AMP非対応
  • 個人開発

SWELLは美しいデザインで、何もしなくても細かいところまでオシャレです。

そして、とても使いやすく、書きやすく、時短に繋がる生産性高いWordPressテーマ。

まさに時間を生み出してくれるテーマといえるでしょう。

時間=お金です。つまり、SWELLはタイパが良くて収益力の高いテーマということ。

テーマ選びで後悔したくない方は、ぜひSWELLで優越の旅へ。

\ 綺麗なデザインで他を魅了 /

※ブログを効率化でき、収益力がUPします!

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

コメント

コメントする

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

CAPTCHA

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