SWELLの始め方ガイド|これからSWELLを使い始める方はこちら→SWELLの始め方ガイド→クリックタップ

SWELLでアフィリエイトリンクを貼る方法4選+α

当ページのリンクには広告が含まれています。
  • URLをコピーしました!

WordPressテーマSWELLで記事の中にアフィリエイトリンクを挿入する方法を複数紹介します。すべて簡単にできる方法なので、ご自身の使い勝手や運用方法によって使い分けてみてください。


SWELLのブロックエディターガイド

SWELLの高機能なブロックエディターを快適に使うためのガイドを作りました。


執筆時の環境 ※初回執筆:2023/9/11
WordPress

v.6.3.1

SWELL

v.2.7.8.4

記事はできる限り最新情報に更新していきますが、キャプチャ等は執筆時点の物が多くなると思います。

目次

SWELLでアフィリエイトリンクを貼る方法4選

SWELLでASPなどから取得したHTML形式のアフィリエイトリンクを貼る方法を4つ紹介します。

それぞれ紹介します。

アフィリエイトリンクの取得方法はこの記事では紹介しませんので、分からない場合は各ASPのマニュアルなどを参考にしてください。

①:広告タグブロック

SWELLを使ったサイトでアフィリエイトリンクを取り扱う際に、最もおすすめの方法が「広告タグ管理機能・広告タグブロック」を利用することです。

広告タグブロックを使うことで、広告リンクの一括管理ができたり、広告のクリック数などが計測できる機能もあります。

SWELLの広告タグ管理画面

広告タグブロックでは、通常のテキスト形式のリンクだけでなくバナー形式のリンクにも対応しています。テキスト形式の場合は文中にショートコードを挿入、バナー形式の場合は広告タグブロックから自由に呼び出すことができます。

記事内に広告タグを設置する方法-2
テキストリンクの挿入方法
広告タグブロックの使い方-3
バナーリンクの挿入方法

広告タグブロックの使い方は以下の記事にまとめているので参考にしてください。

②:SWELLボタンブロック

アフィリエイトリンクをボタン形式で表示したい場合は、SWELLボタンブロックがおすすめです。

広告タグブロック同様に、ボタンのクリック数などの計測が可能です。HTMLコードを直接入力できるので、コードを改変することなくアフィリエイトリンクをボタン形式で表示できます。

SWELLボタンブロックの使い方-24

SWELLボタンブロックの使い方については、以下の記事にまとめています。

③:カスタムHTMLブロック

広告タグブロックを使わずに、アフィリエイトリンクを挿入したい場合はカスタムHTMLブロックを活用することで対応が可能です。

以下の手順でリンクを貼りつけることができます。

STEP
カスタムHTMLブロックを呼び出す
SWELLでアフィリエイトリンクを貼る方法-1
STEP
アフィリエイトリンク用のHTMLを貼りつける
SWELLでアフィリエイトリンクを貼る方法-2

バナーリンクなど、設置したアフィリエイトリンクを中央寄せしたい場合には、以下のようなコードを追加するとOKです。

<div style="text-align: center;">
ここにアフィリエイトリンクを貼り付ける!
</div>

④:HTML挿入ショートコード

広告タグブロックやカスタムHTMLブロックを使わずに、文章中にアフィリエイトリンクを挿入したい場合には、SWELL独自の「HTML挿入ショートコード」を活用すると便利です。

以下の手順で文中にリンクを挿入できます。

STEP
お好みの文章を入力
SWELLでアフィリエイトリンクを貼る方法-3
STEP
リンクを挿入したい場所を選択し「ショートコード」→「HTML挿入」をクリック
SWELLでアフィリエイトリンクを貼る方法-4
STEP
リンクのHTMLを挿入

[ここにHTMLを書いてください]の「ここにHTMLを書いてください」の文字を消して広告リンクを貼り付ければOKです。

SWELLでアフィリエイトリンクを貼る方法-5
SWELLでアフィリエイトリンクを貼る方法-6

【おまけ】通常のURL形式のアフィリエイトリンクを貼る方法4選

Amazonや楽天など、HTML形式のリンクではなく通常のURLリンクになっているケースもあります。その場合のリンク貼り付け方法を4つ紹介します。

  1. リンク挿入
  2. 関連記事ブロック(ブログカード)
  3. SWELLボタンブロック
  4. ポチップ(おすすめのプラグイン)

通常の内部リンクや外部リンクと同じ方法でリンクを挿入できます。

STEP
リンクを設定したい文字を選択
SWELLでアフィリエイトリンクを貼る方法-7
STEP
リンクをクリック
SWELLでアフィリエイトリンクを貼る方法-8

Ctrl + Kcommand + K でもOKです。

関連SWELLで使えるショートカットキー一覧

STEP
URLを入力
SWELLでアフィリエイトリンクを貼る方法-9

②:関連記事ブロック(ブログカード)

関連記事ブロックを使うことで、ブログカードにすることも可能です。

STEP
関連記事ブロックを呼び出す
SWELLでアフィリエイトリンクを貼る方法-10
ちなみに…

ブロックエディターでは、段落ブロック内に「/ + ブロック名」を入力することでブロックを検索して呼び出すことができます。

関連記事ブロックの場合は、以下の名称・キーワードでブロックを呼び出すことができます。

  • /post-link
  • /blogcard
  • /関連記事
  • /ブログカード
さとしん

「/」の操作は覚えておくと便利ですよ…!

詳しくは「【一覧表配布!】SWELLで使えるショートカット|作業効率を上げる操作方法まとめ」で紹介しています。

STEP
URLを入力
SWELLでアフィリエイトリンクを貼る方法-11
STEP
スタイルなどお好みで調整
SWELLでアフィリエイトリンクを貼る方法-12

③:SWELLボタンブロック

上述したSWELLボタンブロックでも問題なく、リンクの挿入が可能です。

SWELLボタンブロックの紹介箇所に戻る

④:ポチップ(おすすめのプラグイン)

とくにAmazonや楽天など物販を取り扱うサイトにイチオシなのが「」というプラグインです。

以下のような整ったデザインのリンク集が簡単に作成できて、リンクの管理も一括でできるのでとても便利です。

SWELLとポチップは開発者さん同士の繋がりがあり、SWELLとポチップを組み合わせたときのみ使える機能などもあります。

無料で利用できますが、有料版のポチッププロを契約することで楽天スーパーセールなどのセール情報がリンクに自動表示されたり、リンクのクリック数を計測する機能などが追加されてとても強力なプラグインです。

当サイトWebNote+では、オリジナルのポチップガイドと題してポチップの情報を多数そろえているのでぜひ見てみてください。

SWELLでアフィリエイトを貼る方法まとめ

SWELLでアフィリエイトリンクを貼る方法を複数ご紹介しました。

僕は基本的に「広告タグブロック」、「SWELLボタンブロック」、「ポチップ」を使うことが多いですが、その他の方法も便利なので、慣れてきたらご自身の運用方法に合わせて、それぞれの方法を使い分けると良いのかなと思います。

ぜひ、参考にしてもらえたら嬉しいです。

最後まで読んでいただきありがとうございました。


はこちらからどうぞ…!

SWELLブロックエディターの関連記事

WordPress本体とSWELLのブロックエディター機能を使いこなすためのSWELL記事の書き方ガイド↓↓

SWELL全般の関連記事

SWELLでアフィリエイトリンクを貼る方法4選+α

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

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