![](https://www.tatsublo.net/wp-content/uploads/2023/10/business_man3_1_question1-150x150.png)
アフィリエイトリンクをそのまま貼り付けると、HTMLのコード(コピーした長いURLのようなもの)がそのまま表示されます。
貼り方を教えてください。
という質問にお答えします。
副業を目的としたブログを運営したいと思う人は多いと思います。
実際ボクも副業としてブログを長年続けています。
そんな中、ブログを始めた人の中には収入に繋がるアフィリエイトリンクの貼り方がよく分からない人もいるでしょう。
特にWebに疎い人なんか何も知らずに貼るのは難しいかもしれませんね。
そこで、この記事では初心者でも分かりやすいアフィリエイトリンクの貼り方をお教えします。
貼り方を覚えたら早速、ASPに登録してブログリンクを貼ってみましょう。
![似顔絵](https://design-work.tatsublo.net/wp-content/uploads/2024/03/ppp.png)
![似顔絵](https://design-work.tatsublo.net/wp-content/uploads/2024/03/ppp.png)
たつとら
本業のWebデザインを中心に30~40代に向けて
役に立つ転職や仕事についての情報、ブログについての記事を
発信する福岡在住の40代のサラリーマンブロガー。
ブログ総収入30万円突破。
執筆歴5年目で新たなブログを立ち上げました。
本サイトはこちら
WordPress・はてなブログ別アフィリエイトリンクの貼り方
![アフィリエイトリンクの貼り方](https://design-work.tatsublo.net/wp-content/uploads/2024/05/austin-distel-Imc-IoZDMXc-unsplash-800x534.png)
![アフィリエイトリンクの貼り方](https://design-work.tatsublo.net/wp-content/uploads/2024/05/austin-distel-Imc-IoZDMXc-unsplash-800x534.png)
ブログでアフィリエイト収入を得るなら、WordPressとはてなブログのどちらかがオススメです。
WordPress
最も収入が得やすいブログサービス。
カスタマイズも自由自在でブログするなら一番オススメ。レンタルサーバーとドメインは別に契約が必要。
はてなブログ
無料でブログが書けるサービス。登録してすぐブログが書けます。
しかし収入をより多く得たいなら有料版の方がオススメ。カスタマイズはWordpressに比べやりづらい。
有料版は、ドメイン契約が別に必要。
ボクもこの2つのサービスを利用したことがあり、現在はWordpressでブログを書いています。
![](https://design-work.tatsublo.net/wp-content/uploads/2023/03/Points-to-note-when-migrating-to-wordpress.jpg)
![](https://design-work.tatsublo.net/wp-content/uploads/2023/03/Points-to-note-when-migrating-to-wordpress.jpg)
という事で、この記事ではその2つのサービスでのアフィリエイトリンクの貼り方を解説しますね。
まずは、ASPから広告コードを取得しましょう。
今回はA8.netをを例とします。
貼りたいプログラムの広告リンクをクリックします。
![貼りたいプログラムの広告リンクをクリック](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-04-30-21.45.35-1.jpg)
![貼りたいプログラムの広告リンクをクリック](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-04-30-21.45.35-1.jpg)
広告の種類を選択します。
![広告の種類](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-04-30-21.46.31.jpg)
![広告の種類](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-04-30-21.46.31.jpg)
今回はテキスト広告を使用します。
「素材をコピーする」をクリックします。
![「素材をコピーする」](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-02-21.45.44.jpg)
![「素材をコピーする」](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-02-21.45.44.jpg)
これで準備ができました。
ここからはサービス別に貼り方を説明します。
WordPress
WordPressにはクラシックエディタとグーテンベルク(ブロックエディタ)がありますが、今はグーテンベルク(ブロックエディタ)が主流なのでこちらで説明します。
ただこのまま貼り付けると質問のようにHTMLのコードがそのまま貼り付けられます。
![](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-05-19.41.16.jpg)
![](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-05-19.41.16.jpg)
なので、横にある「+ボタン」を押します。
![「+ボタン」を](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-02-21.53.031.jpg)
![「+ボタン」を](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-02-21.53.031.jpg)
小窓が出てくるので、その中から「カスタムHTML」をクリックします。
![「カスタムHTML」](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-02-22.00.44.jpg)
![「カスタムHTML」](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-02-22.00.44.jpg)
小窓になければ下の「すべてを表示」をクリックします。
![「すべてを表示」](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-02-22.40.23.jpg)
![「すべてを表示」](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-02-22.40.23.jpg)
すると左側にいろんなブロックが表示されるので「カスタムHTML」を探してクリックします。
枠が表示されるのでその中に先ほどコピーしたコードを入力します。
![コピーしたコードを入力](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-02-22.54.39.jpg)
![コピーしたコードを入力](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-02-22.54.39.jpg)
このように下線が付いたリンクテキストになります。
![下線が付いたリンクテキスト](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-03-16.07.53.jpg)
![下線が付いたリンクテキスト](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-03-16.07.53.jpg)
これをプレビューで表示してクリックすると、ちゃんと広告ページに飛びますね。
![広告ページ](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-03-16.10.03-800x397.jpg)
![広告ページ](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-03-16.10.03-800x397.jpg)
簡単です。
はてなブログ
はてなブログの場合も「見たまま編集でコード」をそのまま貼り付けると同じような表示になります。
![はてなブログの場合も見たまま編集でコード](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-05-22.42.08.jpg)
![はてなブログの場合も見たまま編集でコード](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-05-22.42.08.jpg)
そういう時は、「HTML編集」にして貼り付けてプレビューで表示すると同じように下線が付いたリンクテキストになります。
![「HTML編集」](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-03-16.27.31.jpg)
![「HTML編集」](https://design-work.tatsublo.net/wp-content/uploads/2024/05/スクリーンショット-2024-05-03-16.27.31.jpg)
こちらも簡単。
尚、バナーリンクの場合も同じような感じで貼り付けます。
アフィリエイトリンクはアフィリエイトサービス(ASP)への登録が必要
![ASP](https://design-work.tatsublo.net/wp-content/uploads/2024/05/International-trade-pana-800x542.jpg)
![ASP](https://design-work.tatsublo.net/wp-content/uploads/2024/05/International-trade-pana-800x542.jpg)
アフィリエイトリンクはASPというアプリケーションサービスプロバイダに登録する事が必要です。(以下ASPとして表記)
上に挙げたA8.netのような会社のサービスですね。
今回はアフィリエイトの仕組みについては割愛します。(いろんなサイトで説明しているのでそちらで確認ください)
ASPへの登録は基本無料です。
会社によっては掲載したい広告主がない可能性があるので複数の会社に登録することをオススメします。
ボクがオススメするASPはこちら。
- A8.net・・・アフィリエイト業界最大手のASP。あらゆるジャンルを網羅しているので登録は必須です。
- もしもアフィリエイト・・・Amazonや楽天の商品を紹介しようと思っている方は登録しておきましょう。
- afb・・・美容・健康系に強いASP。最低支払額が低く振込手数料が無料なのも強み。
- バリューコマース・・・飲食・旅行関係に強いASP。老舗なので大手の広告主が多いのも特長。
- アクセストレード・・・金融・求人系に強いASP。SNSにも掲載可能。
それぞれ強いジャンルなど特徴があるので、自分が掲載したいジャンルであれば、この際登録しておきましょう。
![](https://design-work.tatsublo.net/wp-content/uploads/2023/02/Affiliate-advertising.jpg)
![](https://design-work.tatsublo.net/wp-content/uploads/2023/02/Affiliate-advertising.jpg)
スポンサーリンク
収入を得る為にはアフィリエイトリンクを貼りましょう
![](https://design-work.tatsublo.net/wp-content/uploads/2024/05/Money-income-amico.jpg)
![](https://design-work.tatsublo.net/wp-content/uploads/2024/05/Money-income-amico.jpg)
ここまで読んだら、アフェリエイトリンクを貼るのは意外と簡単なことでしたよね。
アフェリエイトと同じく収入を得る手段にGoogleアドセンス広告がありますが、こちらもコードをコピーして同じように貼るだけです。
ただ、Googleアドセンス広告は審査があるので全くの初心者の方にはハードルが高いでしょう。
一方アフィリエイトであれば会員登録して、審査なしのプログラムだったらすぐに貼れます。
なので貼り方が分かったら、とりあえず貼ってみましょう。
貼るだけで簡単に収入が入るとは限らず、そのためには色々と施策を講じないといけませんが、それは追々勉強していきましょう。
貼らないことには、収益は発生しませんからね。
![](https://design-work.tatsublo.net/wp-content/uploads/2023/02/Affiliate-advertising.jpg)
![](https://design-work.tatsublo.net/wp-content/uploads/2023/02/Affiliate-advertising.jpg)
![](https://design-work.tatsublo.net/wp-content/uploads/2023/09/フォーマット4.jpg)
![](https://design-work.tatsublo.net/wp-content/uploads/2023/09/フォーマット4.jpg)