SWELLボタンブロックの使い方｜設置方法・カスタマイズ・クリック計測を徹底解説

SWELLのボタンブロックは、リンクボタンを簡単に作成できる便利な機能です。
この記事では、設置方法からデザインのカスタマイズ、広告タグの設定、クリック計測まで詳しく解説します。

SWELLボタンブロックとは

SWELL専用「SWELLボタン」のサンプル

「SWELLボタン」ブロックは、WordPressテーマ「SWELL」に搭載された専用のボタン機能です。

標準のWordPressボタンよりもデザイン性が高く、シンプルからカラフルまで多彩なスタイルが揃っているのが大きな特徴です。

さらに、ただの装飾用ボタンではなく、アフィリエイト広告のタグを直接設置できる機能や、クリック数を計測できる機能があるため、ブログ収益化にも直結する便利なツールです。

ブログを運営する上で「見た目のデザインを整えたい人」や「クリック率を改善したい人」にとって、SWELLボタンブロックは欠かせない存在といえます。

投稿（エディター）画面からは、サンプルのように用意された5種類のスタイルを選んで利用できます。

また、「SWELL設定 ＞ エディター設定」から、よく使うデザインの初期設定が可能です。ここで基本カラーやボタンの角丸（丸み）などをあらかじめ設定しておけば、毎回の作業がスムーズになります。

WordPress標準のボタンブロックとの違い

WordPress標準「ボタン」のサンプル

• 上のサンプルは、SWELLボタンに似せた形状を掲載しています。

WordPress標準のボタンブロックは、シンプルなデザインとカラー・角丸の調整しかできないため、カスタマイズ性は限られます。

比較項目	WordPress標準ボタンブロック	SWELLボタンブロック
デザイン種類	シンプルなボタンスタイル「塗りつぶし・輪郭」の2種類	豊富なデザイン「ノーマル・立体・キラッと・アウトライン・MOREボタン」の5種類
カスタマイズ性	「角丸・色・グラデーション・サイズ」を自由に調整できますが、設定は毎回行う必要があります。	「角丸・色・グラデーション・サイズ」を自由に調整でき、グローバル設定に登録しておけば、よく使うデザインパターン3種類を簡単に呼び出すことができます。
広告タグの設置	不可（基本リンクのみ）	直接広告タグを埋め込み可能
クリック計測	不可	標準機能でクリック数を計測可能
収益化への活用	向かない	アフィリエイトに最適
操作のしやすさ	シンプルで初心者向け	機能が豊富で初心者〜上級者まで対応

アフィリエイトに便利な機能（広告タグ＆クリック計測）

SWELLボタンブロックは、ただ見た目を整えるだけのボタンではなく、アフィリエイト運用にも便利な機能が充実しています。

1. 広告タグの直接入力が可能
   • 通常のリンクではなく、アフィリエイトタグ（HTMLやJavaScript）を直接埋め込めます。
   • 広告リンクの設置が簡単になり、CTAボタンとして活用できます。
2. クリック計測機能
   • ボタンのクリック数をSWELL標準機能で計測可能。
   • Googleアナリティクスと連携すれば、より詳細なデータ分析も可能です。
   • クリック率（CTR）の改善や広告効果の検証に役立ちます。

これにより、デザイン性と収益性の両立が簡単に実現できます。
SWELLボタンを使えば、ブログやアフィリエイトサイトでの収益化を意識したボタン設計が可能です。

設定方法の詳細は後述します。

SWELLボタンの使い方

SWELLボタンの挿入手順と、挿入後に行えるカスタマイズ（表示設定）について解説します。

それでは順番に見ていきましょう。

❶ SWELLボタンの挿入手順

• 投稿（エディター）画面での作業になります。

SWELLボタンブロックを挿入する手順をご紹介します。

❷ SWELLボタンの設定

まずは、投稿（エディター）画面右側に表示される「設定 ＞ ブロック」タブの設定項目を確認していきましょう。

各設定は、投稿（エディター）画面右側の「設定 ＞ ブロック」タブから確認できます。

設定パネルが表示されていない場合は、以下の画面を参考に右上の設定アイコンをクリックしてください。

SWELLボタンの設定方法

詳細設定項目

❸ SWELLボタンの応用設定＆便利な裏技テクニック

SWELLボタンブロックには、基本設定以外にも便利な機能が用意されています。これらを活用することで、ボタンの視認性やクリック率の向上が期待できます。

ここでは、SWELLボタンをさらに効果的に活用するための応用設定と便利なテクニックをご紹介します。

広告タグ設定：広告タグを直接入力時にアイコンを挿入する

ASP広告のテキスト部分の改変か許されているか？！規約を必ず確認しておきましょう。
「ペナルティーが発生する場合があります」

広告タグのテキスト部分に「アイコンのショートコード」を追加します。

広告タグを直接入力時のエディター画面とプレビュー画面は以下のようになります。
エディター画面ではショートコードが表示されますが、プレビュー画面ではアイコンが表示されます。

※ SWELL公式マニュアルはこちらからご覧いただけます。「SWELLで使えるアイコン一覧が確認できます」

広告タグ設定：広告タグ「呼び出しコード」を使用する

広告タグブロックで ASPの広告を登録している場合「呼び出しコード」を『広告タグを直接入力』の枠欄にペーストすることでボタンリンクができます。

マイクロコピーとアイコン付きのボタンを挿入する

ブロック挿入ツールから 以下のような「マイクロコピーとアイコン付きのボタン」をパターンから呼び出せます。
マイクロコピーとは、ボタンの上側にある短いテキスト（訴求を促す文）のことです。
以下サンプルの場合「＼ ぼたんだよ ／」がそれにあたります。

「マイクロコピーとアイコン付きのボタン」サンプルです。

• ボタンは、リンク先 未設定です。

上記のサンプルは、SWELL標準のブロック挿入ツール内に［SWELL］汎用パターンとして用意されています。

それでは挿入手順を見ていきましょう。

SWELLボタンのカラー・デザイン設定（グローバル設定）

ここでは、SWELLボタンブロックのグローバル設定についてご紹介します。
ボタンの基本カラー3種類と、基本スタイル4種類のボタンの丸み（角丸）を設定することができます。

グローバル設定に登録しておけば、毎回デザインを設定する手間が省け、よく使うパターンをすぐに呼び出せるので、作業効率が大幅にアップします。

Menu『WordPress管理＞ダッシュボード＞SWELL設定＞エディター設定＞ボタン（タブ）』をクリックします。

エディター設定での変更は、全てのSWELLボタンブロックに反映されます。

エディター設定でのボタン形状の違いをタブごとに分けてみました。設定後の表示イメージが掴めると思います。タブを切り替えると「ボタンの丸み』設定が変わります。

※ SWELL公式マニュアルはこちらからご覧いただけます。「使い方の様子を動的に確認できます」本記事ではご紹介していないクラシックエディターをでの使い方についてもこちらからご覧いただけます。

ボタンを効果的に使うコツ

ボタンは、ただ設置するだけでは十分な効果を得られません。配置場所やデザイン、ボタンに記載するテキストを工夫することで、読者にクリックしてもらいやすくなります。

ここでは、SWELLのボタンブロックを効果的に活用するためのポイントを紹介します。

ボタンの目的が伝わるテキストにする

ボタンのテキストは、クリックした後に何ができるのかが一目で分かる内容にしましょう。

例えば、「こちら」や「詳細を見る」よりも、「無料で申し込む」「公式サイトを見る」「資料をダウンロードする」のように、行動内容が具体的に伝わるテキストの方がクリックされやすくなります。

ボタンは目立つデザインを選ぶ

ボタンは周囲の文章に埋もれないよう、背景色や文字色を工夫しましょう。

サイト全体のデザインと統一感を保ちながらも、適度に目立つ色を選ぶことで、読者の視線を集めやすくなります。また、サイズは小さすぎず、スマートフォンでも押しやすい大きさに設定するのがおすすめです。

ボタンは適切な位置に配置する

ボタンは、読者が内容を理解したタイミングで配置すると効果的です。

例えば、商品の特徴やサービスのメリットを紹介した直後にボタンを設置すると、興味を持った読者がそのままクリックしやすくなります。記事の最後だけでなく、内容が長い場合は途中にも配置すると、クリックの機会を増やせます。

クリック計測を活用して改善する

クリック計測を設定しておくと、どのボタンがよくクリックされているかを確認できます。

計測結果をもとにボタンの色やテキスト、配置場所を見直すことで、よりクリックされやすい導線へ改善できます。定期的に効果を確認しながら調整することが、成果につながるポイントです。

よく使うボタンはブログパーツとして管理する

CTAやアフィリエイトボタンを複数の記事で共通利用したい場合は、SWELLの「ブログパーツ」を使う方法が便利です。

ここでボタンを含むコンテンツを登録しておけば、ショートコードや専用ブロックで好きな場所に呼び出せます。

よくある質問（FAQ）

SWELLのボタンブロックはアフィリエイトリンクにも使えますか？

はい、使用できます。ボタンのリンク先にアフィリエイトURLを設定することで、通常のリンクボタンと同じようにアフィリエイトボタンとして利用できます。

ボタンの色やサイズは変更できますか？

変更できます。SWELLでは、ボタンの色・サイズ・アイコン・角丸・幅などを簡単にカスタマイズできるため、サイトのデザインに合わせたボタンを作成できます。

ボタンをクリックしたときに新しいタブで開くことはできますか？

はい、できます。ボタンのリンク設定で「新しいタブで開く」を有効にすると、リンク先を別タブで表示できます。外部サイトやアフィリエイトリンクへ誘導する場合におすすめです。

ボタンのクリック数を計測できますか？

SWELLのボタン詳細設定で、クリック数の計測をON/OFFで切り替えられます。クリックデータを分析することで、ボタンの配置やデザインを見直し、より効果的な導線へ改善できます。

SWELLボタンブロックとWordPress標準のボタンブロックの違いは何ですか？

SWELLボタンブロックは、SWELL独自の機能が追加されており、広告タグの設定やクリック計測、豊富なデザインなどを利用できます。一方、WordPress標準のボタンブロックは基本的なリンクボタンを作成する機能に特化しており、SWELL独自の機能は利用できません。

ボタンのデザインや計測機能を活用したい場合は、SWELLボタンブロックを使用するのがおすすめです。

まとめ！SWELLボタンブロックの使い方｜設置方法・カスタマイズ・クリック計測を徹底解説

SWELLボタンブロックの使い方をご紹介しました。SWELLのボタンブロックは、デザイン性の高いボタンを簡単に設置できます。

広告タグを埋め込むことでアフィリエイトリンクとして使え、さらにクリック計測を設定すれば効果測定も可能です。基本の使い方を覚えて、ブログ運営にしっかり活かしていきましょう。