【保存版】SWELLでのアフィリエイト広告貼り方完全ガイド|収益アップの配置テクニック

本記事のリンクには広告が含まれています。

こんにちは。おもち(omochi.biz)です。

こちらの記事では、子育てをしながらブログで収入を得たいと考えているあなたのために、WordPressテーマ『SWELL』でのアフィリエイトリンクの貼り方をわかりやすく解説します。

やる気はあるけど、どうやって稼げばいいかわからない…

そんなブログ初心者のあなたに向けて、時間をかけずに効率的にアフィリエイト広告を貼る手順と収益アップのコツをご紹介。

おもち

広告リンクはASPから取得できるよ!登録がまだの方はさきにこちらを済ませてね!

A8.net(エーハチネット)の登録方法と使い方

広告であることを隠して商品やサービスを宣伝することは『ステマ規制』で禁止されているため、必ず『PR表記』を設定しておきましょう。

PR表記を設定する方法はこちら

目次

SWELLでのアフィリエイト広告の貼り方4選

SWELLでのアフィリエイト広告の貼り方には、つぎの4タイプがあります。

アフィリエイト広告タイプ
  • テキスト型
  • ボタン型
  • バナー型
  • アフィリエイト型
おもち

どんな広告なのか、サンプルで確認していこう!

テキスト型のアフィリエイト広告

まずは の公式サイトをひらきます。

テキスト型は、ブログ記事内のテキストにアフィリエイト広告を入れ込むタイプです。

ボタン型のアフィリエイト広告

\ 会員登録無料 /

ボタン型は、ボタンにアフィリエイト広告を貼り付けるタイプです。

バナー型のアフィリエイト広告

バナー型は、画像にアフィリエイト広告が貼り付けられているタイプです。

アフィリエイト型のアフィリエイト広告

アフィリエイト型は、バナー広告、タイトル、評価、商品の値段、説明文、ボタンがセットになったタイプのアフィリエイト広告です。

セットになったタイプの広告として『Amazon型』『ランキング型』もあります!

参考までに…

『ポチップ』というプラグインを使えば、こんな感じの商品ボックスも作れます。

ポチップの設定方法と使い方についてはこちらをどうぞ。

【時短テクニック】SWELLの広告タグの基本的な使い方

SWELLには『広告タグ』という機能があり、これを使えば簡単かつ効率的にアフィリエイトリンクを貼り付けることができます。

おもち

ASPに広告リンクを取得しにいく手間が省けるよ!

STEP1.広告タグ設定画面をひらこう

swellでアフィリエイト広告を貼る方法 ステップ1:広告タグにある『新規投稿を追加』をクリックする

画面左側のメニューにある『広告タグ』にカーソルをもっていき、表示された『新規投稿を追加』をクリック。

swellでアフィリエイト広告を貼る方法 ステップ2:広告タグの設定画面がひらきました

広告タグの設定画面がひらきました。

STEP2.広告タグにタイトルをつけよう

swellでアフィリエイト広告を貼る方法 ステップ3:広告タグにタイトルをつける

『タイトルを追加』に広告タグのタイトルを入力します。

おもち

タイトルを見ただけで、どんな広告なのかわかる名前にしておこう!

STEP3.広告タイプをえらぼう

swellでアフィリエイト広告を貼る方法 ステップ4:広告タイプを選ぶ

お好きな広告タイプを選択。

『アフィリエイト型』『Amazon型』『ランキング型』を選択すると、広告タグ設定画面のレイアウトが変更されます。

ボタン型のアフィリエイト広告を作りたい場合は『テキスト型』を選択してください。

『テキスト型』と『バナー型』の両方作りたいんだよな…

おなじ広告案件で、ちがうタイプのアフィリエイト広告を作りたい場合は、それぞれ広告タグを設定する必要があります。

おもち

ブログに掲載したい広告タイプごとに、広告タグを作ろう!

swellでアフィリエイト広告を貼る方法 ステップ5:広告ボックスの枠の有無を選ぶ

広告ボックスの枠は、お好きな方を選択してOKです。

STEP4.広告タグにアフィリエイトリンクをコピペしよう

swellでアフィリエイト広告を貼る方法 ステップ6:広告タグにアフィリエイトリンクを貼る

広告タグに、ASPから取得した広告リンクをコピペしてください。

取得する広告リンクの種類
  • テキスト型/ボタン型:ASPからテキストタイプの広告リンクを取得する
  • バナー型/アフィリエイト型:ASPからバナータイプの広告リンクを取得する
おもち

ブログに掲載したいアフィリエイト広告にあった広告リンクを取得してきてね!

STEP5.アフィリエイト広告に表示させるテキストを入力しよう

アフィリエイト型/Amazon型/ランキング型の設定となります。テキスト型/ボタン型/バナー型の場合は、STEP6に進んでください。

swellでアフィリエイト広告を貼る方法 ステップ8:ランキング順位を選ぶ

ランキング型のみ『順位』が表示されるので、ふさわしい順位を選択。

swellでアフィリエイト広告を貼る方法 ステップ9:評価の下向き矢印をクリックする

『評価を選択』の下向き矢印をクリックすると、

swellでアフィリエイト広告を貼る方法 ステップ10:アフィリエイト広告に表示する星の評価数を選ぶ

星の評価数がえらべます。

swellでアフィリエイト広告を貼る方法 ステップ11:アフィリエイト広告に表示するテキストを入力する

アフィリエイト広告に表示したい『表示名』『価格』『説明文』を入力。

swellでアフィリエイト広告を貼る方法 ステップ12:Amazon型は説明文が入力できません
おもち

Amazon型は説明文が入力できない設定になっているよ!

swellでアフィリエイト広告を貼る方法 ステップ13:アフィリエイト広告に表示するボタンのリンク先URLとテキストを入力する

さいごに、ボタンにつけるリンク先URLと、ボタンに表示させるテキストを入力。

swellでアフィリエイト広告を貼る方法 ステップ14:広告のレビューを確認する

画面上部に広告のレビューが表示されるので確認してください。

STEP6.広告タグの設定を保存しよう

swellでアフィリエイト広告を貼る方法 ステップ15:『公開』ボタンをクリックする

すべて入力できたら、画面右上にある『公開』ボタンをクリック。

swellでアフィリエイト広告を貼る方法 ステップ16:『投稿を公開しました』と表示されたら広告タグの設定は完了です

『投稿を公開しました』と表示されたらOKです!

STEP7.呼び出しコードをコピーしよう

swellでアフィリエイト広告を貼る方法 ステップ17:『広告タグ』をクリックする

画面左側のメニューにある『広告タグ』をクリック。

swellでアフィリエイト広告を貼る方法 ステップ18:広告タグの一覧が表示されました

設定した広告タグが一覧で表示されています。

swellでアフィリエイト広告を貼る方法 ステップ19:ブログに掲載したい広告の呼び出しコードをコピーする

あとは掲載したい広告タグの『呼び出しコード』をコピーして、広告を掲載したい場所に貼り付けるだけでOK!

おもち

広告タグを使えば、クリック数や表示回数も計測できちゃうんだよ!

収益アップのアフィリエイト広告配置テクニック

アフィリエイト広告は『どこに広告を配置するか』によってクリック率や収益に大きな差がでてきます。

収益アップを目指すために効果的な広告配置テクニックはつぎのとおり。

収益アップの配置場所
  • ブログ記事の本文中に自然な形で広告を挿入する
  • 目次上に記事に関連した広告を配置する
  • 記事の最後にアクションを促す広告を配置する
  • サイドバーに固定広告を配置する
おもち

それぞれ解説していくね!

ブログ記事の本文中に自然な形で広告を挿入する

ブログ記事の本文中に、自然な形で広告が挿入されているとクリック率が高まります。

記事の流れに沿った形で広告を配置することで、読者が違和感なくリンクをクリックしやすくなるからです。

目次上に記事に関連した広告を配置する

ブログ記事の目次上(リード文の下)に、記事に関連した広告を配置すると、クリック率が向上します。

最初の見出し前の部分は、読者の注目度が1番高いため広告が目にとまりやすいです。

記事の最後にアクションを促す広告を配置する

ブログ記事を最後まで読んでくれた読者は、記事の内容に興味をもっている場合が多いです。

記事の結論やまとめの直後に『今すぐ商品をチェックする!』など、読者に具体的なアクションを促す広告を設置するとクリック率があがります。

サイドバーに固定広告を配置する

ブログサイト全体でおすすめする商品がある場合は、読者の目に入りやすいサイドバー上部に固定広告を配置しましょう。

いくつかの記事を読んでくれる読者は、何回も見ることになるので、目立ちすぎる広告はNGです。

効率的にアフィリエイト広告を貼る方法

ブログ記事内にアフィリエイト広告を貼る

swellでアフィリエイト広告を貼る方法 ステップ24:投稿ページをひらく

投稿ページをひらきます。

swellでアフィリエイト広告を貼る方法 ステップ25:ブロックに広告タグの呼び出しコードを入力する

ブロックに直接、掲載したい広告タグの呼び出しコードを入力。

swellでアフィリエイト広告を貼る方法 ステップ26:ブログ記事内にアフィリエイト広告が貼れました

これでブログ記事内にアフィリエイト広告が貼れました。

本文中にテキスト型アフィリエイト広告を貼る

swellでアフィリエイト広告を貼る方法 ステップ27:投稿ページで『+』マークをクリックする

投稿ページをひらいて『+』マークをクリック。

swellでアフィリエイト広告を貼る方法 ステップ28:『カスタムHTML』をクリックする

検索窓に『カスタム』と入力すると『カスタムHTML』が表示されるので、そちらをクリック。

swellでアフィリエイト広告を貼る方法 ステップ29:『カスタムHTML』ブロックに広告タグの呼び出しコードを入力する

『HTMLを入力』に、テキストと掲載したい広告タグの呼び出しコードを入力。

swellでアフィリエイト広告を貼る方法 ステップ30:本文中にアフィリエイト広告が貼れました

これで本文中にテキスト型のアフィリエイト広告が貼れました。

目次前後に固定アフィリエイト広告を貼る方法

ブログサイト全体でおすすめする商品がある場合の貼り方です。記事ごとに広告をかえたいときは、前述した『ブログ記事内にアフィリエイト広告を貼る』をご覧ください。

swellでアフィリエイト広告を貼る方法 ステップ31:『SWELL設定』をクリックする

画面左側のメニューにある『SWELL設定』をクリック。

swellでアフィリエイト広告を貼る方法 ステップ32:『広告コード』をクリックする

『広告コード』をクリック。

swellでアフィリエイト広告を貼る方法 ステップ33:目次広告に広告タグの呼び出しコードを入力する

目次広告に、掲載したい広告タグの呼び出しコードを入力。

目次の前後どちらに広告を掲載するかは『カスタマイズ』>『投稿・固定ページ』>『目次』で設定できます。

swellでアフィリエイト広告を貼る方法 ステップ34:ページを下にスクロールする

入力できたら、ページを下にスクロール。

swellでアフィリエイト広告を貼る方法 ステップ35:『変更を保存』ボタンをクリックする

『変更を保存』ボタンをクリック。

これで目次前後にアフィリエイト広告が貼れました。

記事の最後やサイドバーにアフィリエイト広告を貼る

ブログサイト全体でおすすめする商品がある場合の貼り方です。記事ごとに広告をかえたいときは、前述した『ブログ記事内にアフィリエイト広告を貼る』をご覧ください。

swellでアフィリエイト広告を貼る方法 ステップ36:外観にある『ウィジェット』をクリックする

画面左側のメニューにある『外観』にカーソルをもっていき、表示された『ウィジェット』をクリック。

swellでアフィリエイト広告を貼る方法 ステップ37:『カスタムHTML』の下向き矢印をクリックする

『カスタムHTML』の下向き矢印をクリック。

swellでアフィリエイト広告を貼る方法 ステップ38:広告を掲載したい場所を選択して『ウィジェットを追加』ボタンをクリックする

アフィリエイト広告を掲載したい場所を選択してから『ウィジェットを追加』ボタンをクリック。

swellでアフィリエイト広告を貼る方法 ステップ39:内容に広告タグの呼び出しコードを入力する

『内容』に掲載したい広告タグの呼び出しコードを入力。

swellでアフィリエイト広告を貼る方法 ステップ40:『保存』ボタンをクリックする

入力できたら『保存』ボタンをクリック。

swellでアフィリエイト広告を貼る方法 ステップ41:ウィジェットにアフィリエイト広告が貼れました

『保存しました』と表示されたらOK!

これで記事の最後やサイドバーにアフィリエイト広告が貼れました。

ボタンにアフィリエイト広告を貼る

SWELLボタンブロックをつかう

swellでアフィリエイト広告を貼る方法 ステップ41:投稿ページにある『+』マークをクリックする

投稿ページをひらいて『+』マークをクリック。

swellでアフィリエイト広告を貼る方法 ステップ42:『SWELLボタン』をクリックする

検索窓に『ボタン』と入力すると『SWELLボタン』が表示されるので、そちらをクリック。

マイクロコピーとアイコン付きのボタンを挿入する方法は後述します。

swellでアフィリエイト広告を貼る方法 ステップ43:ボタンが表示されました

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

swellでアフィリエイト広告を貼る方法 ステップ44:画面右上にある『設定』ボタンをクリックする

画面右上にある『設定』ボタンをクリック。

swellでアフィリエイト広告を貼る方法 ステップ45:ボタンの詳細設定をする

こちらでボタンの詳細設定ができます。

swellでアフィリエイト広告を貼る方法 ステップ46:広告タグに直接入力に広告タグの呼び出しコードを入力する

『広告タグを直接入力』に、掲載したい広告タグの呼び出しコードを入力。

swellでアフィリエイト広告を貼る方法 ステップ47:ボタンにアフィリエイト広告が貼れました

これでボタンにアフィリエイト広告が貼れました。

マイクロコピーとアイコン付きのボタンをつかう

swellでアフィリエイト広告を貼る方法 ステップ48:投稿ページにある『+』マークをクリックする

投稿ページをひらいて『+』マークをクリック。

swellでアフィリエイト広告を貼る方法 ステップ49:『マイクロコピーとアイコン付きのボタン』をクリックする

検索窓に『ボタン』と入力すると『マイクロコピーとアイコン付きのボタン』が表示されるので、そちらをクリック。

swellでアフィリエイト広告を貼る方法 ステップ50:マイクロコピーとアイコン付きのボタンが表示されました

マイクロコピーとアイコン付きのボタンが表示されました。

swellでアフィリエイト広告を貼る方法 ステップ51:画面見し上にある『設定』ボタンをクリックする

画面右上にある『設定』ボタンをクリック。

swellでアフィリエイト広告を貼る方法 ステップ52:マイクロコピーとアイコン付きのボタンの詳細設定をする

こちらでマイクロコピーとアイコン付きのボタンの詳細設定ができます。

swellでアフィリエイト広告を貼る方法 ステップ53:広告タグを直接入力に広告タグの呼び出しコードを入力する

『広告タグを直接入力』に、掲載したい広告タグの呼び出しコードを入力。

swellでアフィリエイト広告を貼る方法 ステップ54:ボタンにアフィリエイト広告が貼れました

ボタンにアフィリエイト広告が貼れました。

swellでアフィリエイト広告を貼る方法 ステップ55:マイクロコピーのテキストを変更する

マイクロコピーのテキストをクリックすると、テキストが変更できます。

swellでアフィリエイト広告を貼る方法 ステップ56:マイクロコピーとアイコン付きのボタンにアフィリエイト広告が貼れました

これでマイクロコピーとアイコン付きのボタンにアフィリエイト広告が掲載できました。

SWELLでのアフィリエイト広告貼り方まとめ

SWELLの広告タグを使ったアフィリエイト広告の貼り方と、アフィリエイトリンクの配置場所を工夫すれば、効率的に収益を上げることができます。

  • アフィリエイト広告の種類を理解する
  • SWELLの広告タグの使い方を覚える
  • 収益アップの配置テクニックをつかう
  • ふさわしいアフィリエイト広告を貼る
おもち

スキマ時間をつかって効率的に稼いじゃおう!

さいごに…

ブログサイトでつかうアイコンは、サイト運営者をあらわす、いわば『ブランドの顔』です。

ブログに訪れてくれた人に親しみやすさを感じてもらったり、読者の記憶に残りやすくなるので、アイコンはこだわり抜きましょう。

なら手ごろな価格で、ブログサイトのアイコンを制作してくれます!

おもち

あなたらしいアイコンを作ってもらおう!

この記事が気に入ったら
フォローしてね!

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