4つのメリット！「SWELLボタン」アフィリエイトボタンの設定方法

SWELLには、他のWordPressテーマにはない便利な機能があります。

テーマ	AFFINGER	JIN	SWELL	THE-SONIC	DIVER	SANGO
価格（込）	14,800円	14,800円	17,600円	7,800円/年 （税込:8,580円）	17,980円	11,000円
カスタム機能	あり	あり	あり	あり	あり	あり
サイズ変更	大・中・小	なし	大・中・小	大・中・小	大・中・小	大・中・小
光るボタン	あり	あり	あり	なし	なし	なし
広告タグ 直接入力	なし	なし	あり	なし	なし	なし
ボタンにアイコン	なし	なし	あり	なし	なし	なし
クリック計測	なし	なし	あり	なし	なし	なし
使いやすさ
作りかた	詳細を見る	詳細を見る	詳細を見る	詳細を見る	詳細を見る	詳細を見る

今回は、「SWELLボタン」という機能を紹介します。SWELLユーザーだけが使える、カスタマイズ性の高いボタン機能です。

この記事では、SWELLボタンの紹介と、実際に使って感じたメリット・デメリットを紹介します。

キラッと光る！SWELLで作る「アフィリエイトボタン」完全設定ガイド

「SWELLバナーブロック」でボタン作成

SWELLボタンを使えば、簡単に目立つボタンが作成できます。

例えば、ユーザーの目線を止める「キラッと光るボタン」がワンクリックで作成できます。

光るボタンは目立つため、コンバージョンボタンとして活用できます。そのため、アフィリエイトで成果を伸ばせるボタンです。

上記は、実際のA8管理画面です。

SWELLボタンを使い始めてから導入後1ヶ月で、コンバージョン数が24件から55件に増加（約2.3倍）しました。

A8の管理画面から抽出したコンバージョン率の表です。5月のコンバージョン率は8％まで上昇しています。

SWELLボタンでアフィリエイトが楽に！【4つのメリット】

2021年からSWELLを利用しています。

実際に使って感じた4つのメリットをご紹介します。

1. アフィリエイトが楽になる
2. サイトの雰囲気に合わせたボタンデザイン
3. 【CVR向上】1,600種類から選べるアイコン機能
4. ボタンのクリック検証ができる

順番に解説します。

アフィリエイトが楽になる

1つ目のメリットは、アフィリエイトが楽になること。

なぜなら、HTML知識なしでアフィリエイトリンクを設置できるからです。

アフィリエイトの「広告リンクコード」をHTMLの知識なしでそのままペーストできるため、作業時間を1/3に短縮できます。

アフィリエイトで、広告リンクコードをボタンに設置する作業、地味に面倒ですよね？HTMLコードをいじる必要があるので、レイアウトが崩れたりします…

しかし、SWELLボタンなら、広告リンクコードを、そのままペーストできます。コードをいじらず設定できるので、デザイン崩れも心配ありません。

広告リンクコードをそのままペーストできる最大のメリット

最大のメリットは、収益漏れを防ぐことです。

アフィリエイトタグは、広告リンクコードの改変は原則NGです。

「コンバージョンボタンを作るために、アフィリエイトタグを編集。そしたら承認NGになった…」

アフィリエイトタグを少し変えたことで、収益化ができないことは、絶対に避けたいものです。

SWELLボタンなら、広告リンクコードをそのままペーストするだけで、ボタンが作成できます。

アフィリエイトのタグ設置ミスは起きません。

サイトの雰囲気に合わせたボタンデザイン

2つ目のメリットは、サイトの雰囲気に合わせたボタンデザインが、簡単に設置できることです。

サンプル

SWELLボタンは、5つのスタイルから選べます。そのため、「女性が集まるサイト」「男性が多いサイト」「高齢者向けのサイト」など、サイトに合わせてボタン設定ができます。

SWELLボタンの色は、3色利用ができます。

サンプル

SWELLボタンは、カスタマイズも柔軟にできます。例えば「ボタンの大きさ」「アイコン設定」「色変更」など、ワンクリックで設定ができます。

SWELLボタンは、たくさんの種類が作れるため、ボタン設置で迷いません。

• フラットボタン
• キラッと光るボタン
• アフィリエイトボタン

そのため、デザインに対して苦手意識を持っているブログ初心者にオススメです。

【CVR向上】1,600種類から選べるアイコン機能

3つ目のメリットは、アイコン設定ができることです。

アイコンを使うと「ボタン」と瞬時に認識でき、クリック率が上がります。

サンプル（右がアイコン入りSWELLボタン）

上記例では、右のほうがクリックされやすいです。交通標識と同じで「別のページに移動する」ことを事前に把握できるためです。

SWELLボタンは、世界標準のアイコンライブラリ「Font Awesome」を採用しており、1,600種類以上のアイコンから選んでボタンに設定できます。

「SWELL設定」からFont Awesomeのオンオフを切り替えられます。

1. SWELL設定
2. Font Awesome
3. CSSで読み込む

SWELLはHTMLやCSSの知識が不要で、アイコンボタンが利用できます。そのため、ブログ初心者でも安心です。

ボタンのクリック検証ができる

4つ目のメリットは、ボタンのクリック検証ができることです。

SWELLボタンは「クリックされた数」を数値で計測できます。

各ボタンのクリック数を計測・比較することで、どのデザインや文言が効果的かを数値で判断できます。

例えば、クリックされないボタンの「色」や「マイクロコピー」を変更することで、コンバージョン率を改善できます。

逆に、クリックされやすいボタンに統一することで、コンバージョン率を上げることもできます。

ただし、SWELL「ブログパーツ」ではSWELLボタンの計測ができません。

ブログパーツに「コンバージョンボタン」を設置し、複数ページでABテストを試みても、数値計測はできません。記事内に直接SWELLボタンを設置することで、計測が可能です。

SWELLボタンのデメリット：ボタンの色は3種類のみ！

SWELLボタンのデメリットは、ボタンの色が3色しか選べないことです。グラデーションは使えますが、もっと単色のバリエーションが欲しいと感じる人もいるでしょう。

どうしてもSWELLボタンで「オレンジ」を使いたい場合、通常ボタンで作成します。

ノーマルボタンを使えば、オレンジやピンクなど、自由な色のボタンを作成できます。

※ただし、アイコンやボタン計測は利用不可となります。

【初心者でも簡単】SWELLアフィリエイトボタンの作り方 5ステップ

SWELLボタンの利点を知り、使ってみたいと感じた方のために。

ここでは、ブログを始めたばかりの方でも迷わずに進められる、アフィリエイトボタンの設定手順を5段階で説明します。

ステップ1：SWELLボタンブロックを呼び出す

まずは、ボタンを設置したい場所に「SWELLボタン」ブロックを追加します。

1. WordPressの投稿編集画面を開きます。
2. 「+」アイコン（ブロックを追加）をクリックします。
3. 検索窓に「SWELL」と入力し、「SWELLボタン」を選択します。

これだけで、編集画面にボタンが表示されます。とても簡単です。

ステップ2：アフィリエイトリンクを設定する

次に、ボタンにアフィリエイトリンクを設定します。ASP（アフィリエイト・サービス・プロバイダ）で取得した広告コードをそのまま貼り付けられるのが、SWELLの便利な点です。

1. ASPの管理画面から、紹介したい商品の「広告リンクコード」をコピーします。テキスト広告のコードで問題ありません。
2. 先ほど設置したSWELLボタンを選択します。
3. 画面右側の設定メニューにある「ボタン設定」の中から、「広告タグ」の入力欄にコピーしたコードを貼り付けます。

以前使っていたテーマでは、コードの中からURL部分だけを抜き出す必要があり、よく失敗していました。SWELLならコードをそのまま貼るだけなので、収益が発生しないといったミスを防げます。

ステップ3：ボタンのテキスト（文言）を決める

ユーザーが思わずクリックしたくなるような、魅力的な言葉を考えましょう。

1. ボタンの上に入力されている「ボタンテキスト」という文字を消します。
2. 「公式サイトはこちら」や「30日間無料ではじめる」など、リンク先のページでユーザーができることを具体的に書きます。

私が意識しているのは、ユーザーに行動を促す言葉を選ぶことです。「詳細」や「購入」だけよりも、「今すぐお得に試す」のように、クリックした後のメリットが伝わる言葉の方が反応が良かったです。

ステップ4：デザインをカスタマイズする（色・形・光り方）

サイトの雰囲気に合わせて、ボタンのデザインを調整しましょう。

画面右側の設定メニューで、以下の項目を直感的に変更できます。

• ボタンのスタイル： 「ノーマル」「立体」「アウトライン」など5種類から選べます。
• ボタンのカラー： メインカラー、赤、青、緑の基本的な3色から選択します。
• ボタンの大きさ： S・M・Lの3段階で調整できます。記事の中ではLサイズが目立ちやすくておすすめです。
• 光らせる： 「キラッと光る」にチェックを入れるだけで、アニメーションが追加されます。ユーザーの目を引く効果があります。

たくさんの選択肢がありますが、まずは「キラッと光る」設定を試してみてください。クリックされる確率が noticeably 変わるのを実感できるはずです。

ステップ5：クリック率アップ！アイコンと計測設定

最後に、クリック率をさらに高めるための設定をします。

• アイコン： 「アイコン設定」で好きなアイコンを選べます。例えば、「公式サイトへ」という文言なら家のマーク、「購入する」ならカートのマークを選ぶと、ユーザーが直感的に内容を理解しやすくなります。
• クリック数の計測： 「クリック数を計測する」をオンにします。どのボタンがどれだけクリックされたか後で分析できるので、必ず設定しておきましょう。

これで、アフィリエイトボタンの設置は完了です。お疲れ様でした。

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

最後に、SWELLのアフィリエイトボタンの設定で、私が最初に戸惑った点と、想定される質問への回答をまとめました。

ASPの広告タグはどこをコピーすればいいですか？

テキスト広告用に発行される、<a href="...">...</a> で始まるHTMLタグ全体をコピーしてください。

SWELLボタンの「広告タグ」欄にそのまま貼り付けるだけで認識されます。バナー広告のタグでも設定可能ですが、テキスト広告のタグを使うのが最もシンプルです。

計測したクリック数はどこで確認できますか？

「投稿ページ」の右一覧画面で確認できます。各記事のタイトルの横に、計測対象のボタンブロックのクリック数が表示されます。

ボタンの色を赤・青・緑以外の好きな色に変えたいです。

SWELLボタンの基本カラーは3色です。

もし他の色を使いたい場合は、SWELLブロックではなく、WordPress標準の「ボタン」ブロックを使いましょう。

標準のボタンブロックなら、カラーパレットから自由な色を選択できます。ただし、その場合は「キラッと光る」効果やクリック計測機能は使えなくなるので、どちらを優先するかで使い分けてください。

SWELLボタンの使い方まとめ：アフィリエイト運用が楽しくなる

SWELLボタンは「SWELLブロック」の「SWELLボタン」から、ワンクリックで作成できます。

SWELLボタンを使うことで、以下のメリットを得られます。

• コピペでアフィリエイトボタンが作れる
• サイトに合わせたボタンが簡単に作れる
• デザインが苦手でも美しいボタンが作れる

SWELLは17,600円ですが、SWELLボタンのように時間を短縮できる便利な機能が数多くあります。

人気のWordPressテーマ「JIN」は14,800円ですが、SWELLボタンのような機能は使えません。そう考えると、2,800円追加するだけでSWELLボタンが使えるため、費用対効果は高いと言えます。

SWELLボタンの詳細は、以下のリンクから確認できます。

SWELLボタン（公式）とは？