SWELLのアフィリエイトボタン完全攻略ガイド【初心者必見】

SWELLを使っているのに、肝心のアフィリエイトボタンがうまく作れず、結局いつもテキストリンクだけになっていないでしょうか。

SWELLでアフィリエイトボタンを使うメリット

SWELLボタンブロックの基本機能

SWELLには、ブロックエディタで簡単に使える「ボタンブロック」が用意されています。特別なHTMLやCSSを書かなくても、見た目の整ったボタンをすぐに作れるのが大きな特徴です。

テキストリンクやバナーと比べたイメージを、ざっくり表にまとめると次のようになります。

種類	視認性	設置のしやすさ	クリック率の期待度	向いている場面
テキストリンク	低め	とても簡単	低〜中	文章の流れの中でさりげなく紹介したいとき
バナー広告	中〜高	ASPタグを貼るだけ	中	キャンペーンや目立たせたいお知らせの訴求
SWELLボタン	高い	ブロックで簡単に設置	高	申込・登録・ダウンロードなどのメイン導線

ボタンブロックは、URLを指定するシンプルな使い方はもちろん、設定から広告タグを直接入れられるので、アフィリエイトリンクとの相性も良いです。さらに、クリック数やクリック率を計測する機能もあるため、「どのボタンがどれくらい押されているのか」を把握しやすくなっています。

テキストリンクよりSWELLボタンが有利な場面

テキストリンクだけだと、読者によってはリンクに気づかないことがあります。特にスマホだと、文章とリンクの色の差が小さい場合、リンクが埋もれてしまいがちです。

ボタンが強いのは、次のような場面です。

逆に、「軽く紹介したいだけ」「まだガッツリ売り込むタイミングではない」という箇所では、テキストリンクの方が文章になじみやすいこともあります。アフィリエイトボタンは、「ここだけはしっかりクリックしてほしい」というポイントを絞って使うと、読者にも親切です。

準備編：SWELLで使うアフィリエイトリンクを用意しよう

SWELLで使いやすいアフィリエイトリンクの種類

多くのASPには、同じ案件でもいくつかの広告タイプがあります。SWELLのボタンと組み合わせやすいのは、基本的にテキストタイプの広告です。

広告タイプ	説明	SWELLボタンとの相性
テキスト広告	文字だけで構成されたシンプルなタグ	◎ ボタン内に埋め込んで使いやすい
バナー広告	画像とリンクがセットになったタグ	△ ボタン化よりも画像のまま使う方が自然
商品リンクウィジェット	商品一覧やカルーセルなどを表示するタグ	△〜× ボタンというよりボックス型として使うイメージ
ショートコード形式	ASP側の機能で表示を切り替えるタイプ	△ テーマとの組み合わせ次第でボタン化しづらい場合もある

基本的にはテキスト広告を選んでおけば、SWELLのボタンにそのまま埋め込めるので扱いやすいです。ボタンの見た目はSWELL側で整え、リンクの中身はASPのコードに任せるイメージで考えておくとよいと思います。

ASPでアフィリエイトリンクを取得するときの注意点

ASPでリンクを取ってくるときは、あとでボタンに入れやすくするために、次のポイントを意識しておくとスムーズです。

• 広告タイプの選択画面では「テキスト」や「テキストリンク」を選ぶ
• 取得した広告コードは、基本的にそのままコピペして改変しない
• classやstyleなどの装飾は自分で足さず、見た目の調整はSWELL側に任せる
• 同じ案件を複数のASPで取り扱う場合は、「どのASPのリンクか」をメモしておく

多くのASPでは、広告コードの改変が禁止されています。SWELLのボタンを使うときも、「リンク部分のコードはいじらない」「見た目はテーマの機能で整える」というスタンスでいれば、規約面のリスクを減らせます。

実践編：SWELLのアフィリエイトボタンを作る手順

基本のSWELLボタンを作る7ステップ

アフィリエイトボタンの作成手順をステップごとにまとめると、次のようになります。

STEP	操作内容	ポイント
1	投稿画面で、ボタンを置きたい位置にカーソルを置く	段落の区切りごとにボタンを入れるイメージで考える
2	「ブロックを追加」から「SWELLボタン」を選ぶ	ブロック検索窓に「ボタン」と入力するとすぐに見つかる
3	ボタンに表示したいテキストを入力する	例：「公式サイトを見る」「無料で試してみる」など
4	右側の設定で「広告タグを直接入力」の項目を表示する	ボタンの中にアフィリエイト用のタグを入れるための欄
5	ASPで取得したテキスト広告タグを、その欄にコピペする	タグはなるべく改変せず、丸ごと貼り付ける
6	必要なら「クリック率を計測する」にチェックを入れる	あとで数字を見ながら改善したい場合は、ここをオンにする
7	プレビューでボタンの見た目とリンク先を確認する	スマホ表示も忘れずにチェックしておく

広告タグをボタンブロックの設定欄に入れることで、ボタン全体がアフィリエイトリンクとして機能するようになります。URLを直接入力してリンクを貼る方法もありますが、ASPの広告タグをそのまま利用した方が、成果の計測などでトラブルが起きにくいです。

複数ボタンを並べたいときのコツ

比較記事や料金プランの紹介では、複数のアフィリエイトボタンを横に並べたい場面もあります。SWELLでは、カラムブロックと組み合わせるときれいにレイアウトできます。

• まず「カラム」ブロックで2〜3列のレイアウトを作る
• 各カラムの中にサービス名の見出しと簡単な説明文を入れる
• その下にSWELLボタンを配置し、それぞれのアフィリエイトリンクを設定する

カラム＋ボタンを組み合わせると、料金表に近い見た目にできます。ただ、スマホでは縦並びになるため、1カラムの情報量を詰め込みすぎないことが大事です。「1画面にボタンは2〜3個まで」を目安にすると、読みやすさと押しやすさのバランスが取りやすくなります。

デザイン編：クリックされるSWELLボタンの作り方

色・サイズ・スタイルの決め方

SWELLのボタンブロックには、いくつかのスタイルが用意されています。見た目の好みだけで選ぶのではなく、「読者の目に入りやすいか」「押しやすいか」という観点を持っておくと、アフィリエイトボタンとして機能しやすくなります。

用途別に、私がよく使っている設定をまとめると、次のような感じです。

用途	ボタンスタイル	色のイメージ	幅・サイズ	コメント
メインCTA（申込・購入）	立体的なスタイル	サイトのアクセントカラー	幅広め・文字大きめ	記事の中でいちばん目立たせたいボタン
サブCTA（詳細を見る）	シンプルなスタイル	メインより少し落ち着いた色	通常の幅	迷っている人向けの補助的な導線
内部リンク（関連記事）	MOREボタン風のスタイル	グレー系または淡いカラー	小さめ	アフィリエイトではなく回遊導線として使う
注意喚起や告知	アウトラインボタン	暖色系	中くらい	テキストをしっかり読ませたいときに向く

アフィリエイトボタンの色を決めるときは、次のような点を意識すると、サイト全体とのバランスが取りやすくなります。

色の組み合わせによっては、色覚の違いで見えづらくなることもあります。赤と緑を一緒に使いすぎない、文字サイズを小さくしすぎない、といった点も軽く意識しておくと親切です。

ボタン文言（コピー）の作り方と例文

ボタンの見た目と同じくらい大事なのが、ボタンに書く言葉です。リンク先は同じでも、ボタンの文言を変えるだけでクリック数が変わることはよくあります。

コピーを考えるときは、次の3つを意識すると作りやすくなります。

• 読者にしてほしい行動をはっきり書く（申し込む・登録する・ダウンロードする など）
• その行動で得られるメリットを一言添える（無料・かんたん・すぐに など）
• 読者が感じそうな不安を軽くやわらげる（いつでも解約OK・まずはお試し など）

具体的なアフィリエイトボタンの文言例として、例えば次のようなものがあります。

• 「公式サイトで料金プランを確認する」
• 「無料で資料をダウンロードする」
• 「かんたん1分で会員登録する」
• 「SWELLの詳細を公式サイトで見る」
• 「今のキャンペーン内容をチェックする」

「ここをクリック」「詳しくはこちら」だけだと具体性に欠けるので、サービス名やメリットを少し混ぜてあげるだけでも、読者の動き方が変わってきます。

計測編：SWELLボタンのクリック率をチェックして改善する

SWELLのクリック計測機能の設定方法

SWELLのボタンブロックには、クリック数などを計測するための機能があります。設定方法はとてもシンプルです。

• ボタンブロックを選択する
• 右側の設定パネルから「クリック率を計測する」項目をオンにする
• 必要に応じて、ボタンIDやラベルを自分が分かりやすい名称に変更する

ボタンIDは、あとで管理画面を見たときに、どのボタンかすぐ分かる名前にしておくのがおすすめです。

• 例1：swell-cta-top（記事冒頭のメインボタン）
• 例2：swell-cta-middle（本文中盤のボタン）
• 例3：swell-cta-bottom（記事の最後に置いたボタン）

このようにルールを決めて名前をつけておくと、「どの位置のボタンがどれくらい押されているのか」を比較しやすくなります。

指標ごとの読み方と改善のヒント

クリック計測を有効にしておくと、ボタンごとに「表示回数」「クリック数」「クリック率」などの数字がたまっていきます。それぞれの数字をどう解釈して、アフィリエイトボタンの改善に活かすかを整理すると、次のようなイメージになります。

指標	状態	読み取り方	改善の方向性
表示回数	少ない	そもそもボタンが読者の目に触れていない	ボタンを記事の上部に移動する、本文のボリュームを調整する
表示回数	多い	ボタンの位置まではしっかり読まれている	色・サイズ・文言を変えて、クリックしやすさを高める
クリック率	低い	興味はありそうだが、押す決め手が弱い	ベネフィットを足したコピーに変える、周辺の説明文を見直す
クリック率	高い	ボタンの位置や文言がうまくハマっている	同じパターンを他の記事のボタンにも展開する

例えば、記事のいちばん下にしかボタンを置いていない場合、読者がそこまでたどり着けず、表示回数そのものが少ないことがあります。そのときは、本文の途中にもボタンを置いてみる、冒頭に小さめのボタンを試してみる、といった工夫で、「ボタンが目に入る回数」を増やしていくと効果を比べやすくなります。

逆に、表示回数は十分なのにクリック率が低いときは、ボタンの文言や色、周辺の文章が原因の場合が多いです。1回に全部変えてしまうと何が効いたのか分からなくなるので、「まずはコピーだけ変えてみる」「次は色だけ変えてみる」と、少しずつ試していくのがおすすめです。

よくある失敗とトラブルシューティング

ボタンが表示されない・クリックできないとき

「ボタンを設定したはずなのに表示されない」「見た目はあるのにクリックできない」といった相談はよくあります。よくある原因とチェックポイントをまとめると、次のようになります。

症状	よくある原因	チェックポイント
ボタンが真っ白で何も表示されない	広告タグのコピペミス	タグの先頭から末尾まで、抜けや余計な文字がないか確認する
ボタンは見えるがクリックできない	別のブロックやレイアウトが上にかぶっている	余白やマージン、位置調整のCSSが影響していないか確認する
クリックしてもページが切り替わらない	ASPタグが正しく読み込まれていない	一度通常のURLリンクに変えて、動作するかテストしてみる
スマホでだけレイアウトが崩れる	カラムや幅の設定がスマホ表示と合っていない	スマホプレビューで幅や行数、余白をチェックする

トラブルが起きたときは、次のような手順で切り分けると原因が見つかりやすいです。

• 一度広告タグを外して、シンプルなURLリンクだけをボタンに設定してみる
• それで問題なく動くなら、ASPタグ側の仕様や読み込みが原因の可能性を疑う
• 子テーマやカスタムCSSを一時的に無効化し、表示が変わるかどうかを見る

アフィリエイト規約・NG例に注意しよう

SWELLのアフィリエイトボタンは便利ですが、ASPの規約を守らないと、最悪の場合アカウント停止などのリスクが出てきます。特別なことをする必要はありませんが、最低限のポイントだけ押さえておきましょう。

SWELLのボタンはあくまで見た目や配置を整えるための機能です。リンクの中身や表現ルールはASPの規約に従う、という考え方で使っておくと安心です。

よくある質問：SWELL アフィリエイト ボタン編

Q1.SWELLのアフィリエイトボタンはテキストリンクより本当に効果がありますか？

A. サイトの内容や読者層によって結果は変わるので、「必ず効果が上がる」とは言い切れません。ただ、私が自分のブログで試した範囲では、テキストリンクだけだったときよりも、ボタンをうまく使った方がクリック数が増えたケースが多かったです。

理由としては、

• ボタンの方がひと目でリンクだと分かりやすい
• スマホで指が届きやすいサイズに調整しやすい
• デザインや文言のテストがしやすい

といった点が挙げられます。とはいえ、ページのあちこちをアフィリエイトボタンだらけにすると逆に押されなくなるので、「ここだけは押してほしい」という場所を決めて設置することが大切です。

Q2.バナー広告とSWELL アフィリエイト ボタンはどちらを使えばいいですか？

A. どちらが絶対に正解というわけではなく、「読者に何をしてほしいか」で使い分けるのが現実的です。バナー広告は、キャンペーンや期間限定セールなどの「お知らせ」を目立たせたいときに向いています。

一方で、

• 商品やサービスの申し込み
• 無料登録や資料請求
• 有料テーマやツールのダウンロード

といった「具体的な行動」を促したい場面では、SWELLのアフィリエイトボタンの方が相性が良いことが多いです。同じ案件でも、バナーとボタンを併用し、どちらがクリックされやすいかを比較してみるのも一つの方法です。

Q3.SWELL アフィリエイト ボタンのクリック率はどれくらいを目安にすればいいですか？

A. ジャンルやトラフィックの質によって数字が大きく変わるので、「このパーセンテージなら合格」という共通の目安はあまりありません。それよりも、「自分のサイトの中で比較する」という考え方の方が役に立ちます。

例えば、

• 記事の上部のボタンと、下部のボタンのクリック率を比べる
• 文言Aと文言Bで、どちらのアフィリエイトボタンが押されやすいかを比べる
• 色違いのボタンを試して、数字がどう変わるかを見る

このように比較を繰り返していくと、自分のブログに合ったボタンの位置やデザイン、コピーの方向性がだんだん見えてきます。SWELLの計測機能は、その判断材料を集める道具として活用するイメージです。

まとめ：SWELLのアフィリエイトボタンを今日から活用しよう

この記事のポイントを振り返ります

今日からできる最初の一歩としては、まずアフィリエイト色が比較的強い記事を1本選び、その記事の中でいちばん大事な位置にSWELLのアフィリエイトボタンを1つ設置してみてください。

そのうえで、色や文言を少しずつ変えながらクリック率をチェックしていくと、自分なりの「押されるパターン」が見つかり、ほかの記事にもどんどん応用できるようになります。