ブログ 副業の始め方

【初心者向け】ワードプレスのアフィリエイトリンクの貼り方を解説

2020年3月31日

ワードプレスにアフィリエイトリンクを貼る方法

こんにちは、夫婦で副業をしているノンとアンの夫のノンです。

 

ブログでアフィリエイトを始めたばかりで戸惑うのが、アフィリエイト広告リンクの貼り方だと思います。

 

ノン
僕もアフィリエイトリンクを初めて見たときは、何のことか全然わからなかったよ!

 

実際に「記事内にアフィリエイトリンクを貼ったのに表示されない!」ということを見かけます。

 

今回はワードプレスにアフィリエイトリンクを埋め込む方法を分かりやすく画像を多く使って解説していきます。

 

ワードプレスについて全然詳しくない私でもわかるかな?
アン
ノン
マネするだけでできるように、画像を多く使って解説していくよ!

 

本記事の内容

  1. アフィリエイトリンクを貼る方法
  2. サイドバーにアフィリエイトリンクを貼る方法
  3. 自分で文字や画像にアフィリエイトリンクを埋め込む方法

 

それではさっそく見ていきましょう。

アフィリエイトリンクをワードプレスに貼る方法

アフィリエイトリンクをワードプレスに貼る方法について詳しくみていきます。

 

今回はアフィリエイト広告数をNo.1を誇るA8.netを使ってアフィリエイトリンクを貼っていくとします。

(別のサイトを通してやる場合も基本は同じなのでご安心ください。)

 

まずA8.netでアフィリエイトリンクを取得していきます。

 

提携したプログラムを確認してください。

広告リンクを作成をクリック

作業

「広告リンク作成」をクリック

 

画面が切り替わります。バナーの形もたくさんあるので、気に入るものを探します。

アフィリエイトリンクをコピー

作業

気に入ったもののコードをコピー

ノン
「通常の広告リンク」の方をコピーしてね!

 

ワードプレスの記事の投稿画面に移動します。

エディタのテキストをクリック

作業

エディタの右上の「テキスト」をクリック

ポイント

エディタが上記画像のようなものではなく、グーテンベルクという新しいエディタを使用している場合は下記を参考にクラシックエディタに変更してください。

合わせて読みたい
ワードプレスのエディターをClassicEditorに戻す方法
ワードプレスの新エディターを従来のものに戻す方法【Classic Editor】

続きを見る

 

アフィリエイトリンクを貼りつける

作業

先ほどコピーしたコードを貼りつける

 

これでワードプレスにアフィリエイトリンクを貼ることができました!

 

実際に表示されているか確認してみましょう。

 

ビジュアルをクリック

作業

エディタ右上の「ビジュアル」をクリック

 

画面が切り替わりアフィリエイト広告がきちんと表示されます。

アフィリエイト広告が表示

ちゃんとアフィリエイトリンクが表示されたよ!
アン
ノン
さすがだね!アフィリエイトリンクを貼るときはエディタで「テキスト」の方に貼ることを忘れないようにしよう!

 

きちんと表示されましたでしょうか。

 

アフィリエイトリンクを貼るときはエディタのビジュアルではなく、テキストの方にコードを貼ることが必要です。

 

サイドバーにアフィリエイトリンクを貼る方法

投稿内にアフィリエイトリンクを貼る方法が理解できたと思います。

 

次にサイドバーにアフィリエイトリンクを貼ってみましょう。

ノン
サイドバーは基本的にどのページにも表示されると思うので、広告を貼るには効果的だよ!

 

それでは詳しく見ていきます。

 

ワードプレスの管理画面から設定していきます。

ウィジェットをクリック

作業

画面左側メニューの「外観」→「ウィジェット」をクリック

 

ウィジェット設定画面が立ち上がります。

テキストをウィジェットに追加

作業

  1. 利用するウィジェットで「テキスト」をクリック
  2. 「サイドバー」をクリック
  3. 「ウィジェットを追加」をクリック
ノン
サイドバー以外の場所でも追加したいところがあれば、違う場所を選択すればできるよ!

 

サイドバーに追加したテキストを設定していきます。

テキスト文にアフィリエイトリンクを貼る

作業

  1. エディタが立ち上がるので「テキスト」を追加
  2. アフィリエイトのコードを貼る
  3. 「保存」をクリック
ノン
タイトルで入力した内容がサイドバーにも表示されるよ!見出しをつけよう!(画像ではサンプルなのでアフィリエイトとしています。)

 

これで作業は完了です!

 

実際にサイドバーに表示されているか確認しましょう。

サイドバーにアフィリエイトリンクが表示

きちんと表示されているか確認にて終了です。お疲れさまでした!

 

自分で画像や文字にアフィリエイトリンクを埋め込む方法

最後にアフィリエイトリンクを画像や文字に埋め込む方法について解説していきます。

 

注意ポイント

基本的には取得してきたアフィリエイトリンクを改変することは禁止されています。

例として、アフィリエイトリンクのテキスト部分を変更したり、画像を変えたりしてしようすることはできません。

以下で解説する方法は規約違反になるので、自己責任でお願い致します。

 

まず、先ほどのコードの中から、商品販売に飛ぶリンク先のURLだけを取得していきます。

 

先ほどと同様の手順でアフィリエイトリンクを確認します。

アフィリエイトリンクをコピー

作業

画像のように「href="アフィリエイトリンクコード" rel・・・」の部分だけコピー

(hrefの後のダブルクォーテーションマークで挟まれた部分をコピーしてください。)

ノン
ダブルクォーテーションマークは含めないので気を付けてね!

このコードが商品販売に飛ぶリンク先のURLだよ!

 

ワードプレスの記事投稿画面で取得したURLを埋め込んでいきます。

アフィリエイトリンクを埋め込みたい場所を選択

作業

アフィリエイトリンクを埋め込みたい場所を選択

 

リンクの挿入をする

作業

  1. エディタ上部にある「リンクの挿入/編集」をクリック
  2. コピーしておいたURLを入力

これでアフィリエイトリンクを自分で埋め込むことができました。

ノン
画像も同様のやり方で挿入することができるよ!

自分でボタンの画像を作成して埋め込んだりなど自分のサイトにあったやり方でやってね!(あくまで自己責任でお願い致します。)

 

まとめ

いかがでしたでしょうか。

 

今回はワードプレスにアフィリエイトリンクを貼る方法から自分でリンクを埋め込む方法まで解説いたしました。

 

ブログをやる理由の一つが「稼ぐ」ということであれば、アフィリエイトリンクを貼ることになると思います。

 

貼り方を間違えないようにしっかりと最初に理解しておきましょう。

 

少しでも参考になればうれしいです!

ここまでお読みいただきありがとうございました。

 

私たち夫婦は夫婦で様々な副業に挑戦しています。日々の活動や副業の始め方などについて発信しています。他の記事もよろしければ読んでいっていただけると嬉しいです!

-ブログ, 副業の始め方
-, , ,

Copyright© 夫婦副業日記 , 2024 All Rights Reserved.