広告のHTMLを貼るだけの作業なのですが、毎回「あれどうやったっけ?」と悩んでしまうことありませんか?
初心者向けにアフィリエイトリンクの貼り方を詳しく解説します。
この記事では、図解でわかりやすくアフィリエイトリンクの貼り方を解説し、初心者でも簡単に実践できるようになります。
人気のテーマ「SWELL」の自体アフェリエイト方法も紹介しています。
ASPを登録する
アフィリエイトリンクは、登録している各ASPの管理画面から取得します。
APSを登録していない方は、無料で登録できますので、先にASPに登録しましょう。
ASP事前審査なし
ASP事前審査あり
申し込み時に、10記事が必要です。
ある程度記事を書いてから申し込みしましょう。
SWELL
でブログにアフェリエイトリンクを貼る5つの方法
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
クリックすると見たい項目にジャンプします
①バナー型広告の貼り方
バナー広告は、
。ブログでよく見かけますよね。![①ASPより広告コードをコピーする](https://webnext.info/wp-content/uploads/2023/05/banner-1.png)
![①ASPより広告コードをコピーする](https://webnext.info/wp-content/uploads/2023/05/banner-1.png)
![②ブロックエディタでカスタムHTMLを選択](https://webnext.info/wp-content/uploads/2023/05/banner-7-1024x326.png)
![②ブロックエディタでカスタムHTMLを選択](https://webnext.info/wp-content/uploads/2023/05/banner-7-1024x326.png)
![③リンクコードを貼り付ける](https://webnext.info/wp-content/uploads/2023/05/banner-3-2.png)
![③リンクコードを貼り付ける](https://webnext.info/wp-content/uploads/2023/05/banner-3-2.png)
こちらにカスタムHTMLブロックで広告バナーを中央に表示する方法をくわしく解説しています。
![](https://webnext.info/wp-content/uploads/2023/05/swell-how-to-centerize-bann-2-300x158.png)
![](https://webnext.info/wp-content/uploads/2023/05/swell-how-to-centerize-bann-2-300x158.png)
②複数ショッピングサイトリンク型広告の貼り方
大手ショッピングサイト、楽天、Yahoo、Amazonのリンクが一度にはれる広告リンクです。
複数ショッピングサイトリンクは、もしもアフィリエイト
もしもアフィリエイト
特にAmazonは、初心者が「Amazonアソシエイトに合格する」には、なかなかハードルが高いです。
もしもアフィリエイト
- 事前に、もしもアフィリエイト
の無料会員登録 - 楽天、ヤフー、Amazonと提携をしておきましょう
![トップページ→「かんたんリンク」をクリックする](https://webnext.info/wp-content/uploads/2023/06/banner-10-10.png)
![トップページ→「かんたんリンク」をクリックする](https://webnext.info/wp-content/uploads/2023/06/banner-10-10.png)
![商品を検索する](https://webnext.info/wp-content/uploads/2023/06/banner-11-11.png)
![商品を検索する](https://webnext.info/wp-content/uploads/2023/06/banner-11-11.png)
![商品をクリックする](https://webnext.info/wp-content/uploads/2023/06/banner-12-12.png)
![商品をクリックする](https://webnext.info/wp-content/uploads/2023/06/banner-12-12.png)
![画像表示サイズを選ぶ→全文コピーをクリックする](https://webnext.info/wp-content/uploads/2023/06/banner-13-13.png)
![画像表示サイズを選ぶ→全文コピーをクリックする](https://webnext.info/wp-content/uploads/2023/06/banner-13-13.png)
![記事にもどり「カスタムHTML」を呼び出す](https://webnext.info/wp-content/uploads/2023/06/banner-14-.png)
![記事にもどり「カスタムHTML」を呼び出す](https://webnext.info/wp-content/uploads/2023/06/banner-14-.png)
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
/カスタム
/html
で呼び出せます
![先ほどコピーしたリンクコードを貼り付ける](https://webnext.info/wp-content/uploads/2023/06/banner-15-15.png)
![先ほどコピーしたリンクコードを貼り付ける](https://webnext.info/wp-content/uploads/2023/06/banner-15-15.png)
③ボタン型広告の貼り方
SWELLのボタンブロックを使用した広告リンクです。
![①ブロックを追加をクリックする
②検索に「/ボタン」と入力する
③SWELLボタンをクリックする](https://webnext.info/wp-content/uploads/2023/05/add-links-7.png)
![①ブロックを追加をクリックする
②検索に「/ボタン」と入力する
③SWELLボタンをクリックする](https://webnext.info/wp-content/uploads/2023/05/add-links-7.png)
検索で「/ + ブロック名」を入力することでブロックを検索して呼び出すことができます。
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
/ボタン
/button
で呼び出せます
![④リンク先:未設定をクリック](https://webnext.info/wp-content/uploads/2023/05/add-links-8.png)
![④リンク先:未設定をクリック](https://webnext.info/wp-content/uploads/2023/05/add-links-8.png)
![⑤「広告タグを直接入力」にリンクコードを貼り付ける](https://webnext.info/wp-content/uploads/2023/05/add-links-9-1.png)
![⑤「広告タグを直接入力」にリンクコードを貼り付ける](https://webnext.info/wp-content/uploads/2023/05/add-links-9-1.png)
ボタンブロックは、クリック計測をすることができます
![ボタンの計測設定をするを「ON」にする](https://webnext.info/wp-content/uploads/2023/07/swell-button-6-6.jpg)
![ボタンの計測設定をするを「ON」にする](https://webnext.info/wp-content/uploads/2023/07/swell-button-6-6.jpg)
- ボタン設置後のPV数
- ボタンの表示回数
- ボタンのクリック数
- このボタンまで読まれた割合
- 表示回数に対するクリック率
SWELLの「ボタンブロック」と「広告タグ」を組み合わせて、広告リンクを作成することもできます。
「ボタンブロック」+「広告タグ」の方法を見てみる
④テキスト型広告の貼り方
テキスト型広告は、文字どおりテキストにアフェリエイトリンクを貼ったものです。
- SWELLがおすすめです。
- WordPressテーマ「SWELL」
こちらにテキストリンクに下線をつける方法をくわしく解説しています。
![](https://webnext.info/wp-content/uploads/2023/06/swell-link-underline-2-300x158.png)
![](https://webnext.info/wp-content/uploads/2023/06/swell-link-underline-2-300x158.png)
⑤SWELL![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](//i.moshimo.com/af/i/impression?a_id=3954712&p_id=3885&pc_id=9646&pl_id=53798)
の広告タグを使う貼り方
広告タグ管理機能に登録するメリット
- 広告タグの追加や変更や削除が一括で簡単に出来る
- 広告タグの一括管理が出来る
- 広告タグのクリック率を確認できる
SWELLテーマの広告タグ管理機能を利用すると、広告タグの追加や編集や削除が非常に簡単になります。SWELLの管理画面から直接操作できます。
SWELLの「広告タグ」で作れる5つの広告
- テキスト型
- バナー型
- アフェリエイト型
- Amazon型
- ランキング型
記事内に広告タグを貼る方法
①テキスト型広告の貼り方
「テキスト型」は広告タグブロックで呼び出すことはできません。
![①広告タグをクリック
②呼び出コードをコピーする](https://webnext.info/wp-content/uploads/2023/05/add-links-13.png)
![①広告タグをクリック
②呼び出コードをコピーする](https://webnext.info/wp-content/uploads/2023/05/add-links-13.png)
![Step3:アフェリエイトリンクを貼りたい場所に貼り付ける](https://webnext.info/wp-content/uploads/2023/05/add-links-15.png)
![Step3:アフェリエイトリンクを貼りたい場所に貼り付ける](https://webnext.info/wp-content/uploads/2023/05/add-links-15.png)
ショートコードを使って貼り付けることも出来ます。
②広告タグとボタンブロックを組み合わせた貼り方
①ボタンブロック
右側の「広告タグを直接入力」に「広告タグ」を貼り付けるショートコードだけ表示されていますが、広告はちゃんと貼れています
![](https://webnext.info/wp-content/uploads/2023/07/swell-button-1414.jpg)
![](https://webnext.info/wp-content/uploads/2023/07/swell-button-1414.jpg)
③テキスト型以外のアフェリエイトリンクを貼る方法
バナー型、アフィリエイト型、Amazon型、ランキング型は、「広告タグブロック」を使います。
![①ブロック追加をクリックする
②検索に/広告と入力
③広告タグをクリック](https://webnext.info/wp-content/uploads/2023/05/add-links-17.png)
![①ブロック追加をクリックする
②検索に/広告と入力
③広告タグをクリック](https://webnext.info/wp-content/uploads/2023/05/add-links-17.png)
検索で「/ + ブロック名」を入力することでブロックを検索して呼び出すことができます。
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
/広告
/ad
と入力したら呼び出せます
![④挿入したい広告を選んでクリックする](https://webnext.info/wp-content/uploads/2023/05/add-links-19.png)
![④挿入したい広告を選んでクリックする](https://webnext.info/wp-content/uploads/2023/05/add-links-19.png)
SWELL![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](//i.moshimo.com/af/i/impression?a_id=3954712&p_id=3885&pc_id=9646&pl_id=53798)
をアフェリエイトする方法
SWELL
![SWELL公式サイトで会員登録する→ログイン](https://webnext.info/wp-content/uploads/2023/06/banner-16-16-1.png)
![SWELL公式サイトで会員登録する→ログイン](https://webnext.info/wp-content/uploads/2023/06/banner-16-16-1.png)
①「会員登録はこちらから」をクリック
②「ログイン」からログインして、「マイページ」へ
画像は、非公開のため掲載できません。
広告タグのクリック率確認方法
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
![](https://webnext.info/wp-content/uploads/2023/04/blog-icon-150x150.png)
広告タグ管理機能でクリック率やPVまで測定できます!
「広告タグ」を開くと、クリック率やPVなどといったデータを取得することができます。
![広告タグのクリック率確認方法](https://webnext.info/wp-content/uploads/2023/05/add-links-20.png)
![広告タグのクリック率確認方法](https://webnext.info/wp-content/uploads/2023/05/add-links-20.png)
まとめ
バナー広告リンクは、わかりやすいのですくてよいのですが、広告感がですぎて読者に敬遠され可能性があります。その点テキストリンクは、文章にそのまま自然な感じで入るので、需要は高いようです。
SWELLの広告タグ管理機能を使えば、アフェリエイトリンクの面倒な変更も追加も簡単できて、手間いらず。
すごく便利な機能ですよね!
更にクリック率も集計できるなんて至れり尽くせりで、言うことなしです。
![](https://webnext.info/wp-content/uploads/2023/06/swell-add-block-page-3-300x158.png)
![](https://webnext.info/wp-content/uploads/2023/06/swell-add-block-page-3-300x158.png)