※本ページはプロモーションが含まれています
こんな悩みに答えます。
こんな方におすすめ
- WordPressでAmazonリンクを貼って商品を紹介してみたい方
- Amazonアソシエイトリンクを貼るだけではなくオシャレにカスタマイズしてみたい方
- WordPress以外でnoteにもAmazonアソシエイトを貼る方法
本記事の執筆者
WordPress（ワードプレス）を使って１年以上ブログ運営をしており、現在Web業界で7年ほど働いています。
WordPressブログを始めたらAmazonリンクを貼って商品を紹介して稼いでみたいと思うかもしれません。
先にAmazonアフィリエイトをブログに貼ると以下のように表示できます。左が「画像＋テキスト」、右が「テキスト」のみの表示です。
本記事では、そんなAmazonアソシエイトに登録後にWordPressブログでAmazonリンクを貼る方法について紹介します。また記事後半では、Amazonの商品リンクをカード型にしてオシャレに見せる方法についても紹介しています。
上記のカード型リンクを作成するには以下のASPに無料登録しておくのがおすすめです！
- もしもアフィリエイト
※W報酬制度あり。実績なしでAmazonアソシエイト利用OK。 - バリューコマース
※会員登録無料。独占案件が多数。
上記ASPに登録後「Amazon」「楽天」「Yahoo」ボタンを表示させる方法について、記事後半で解説しますのでぜひ最後まで読み進めてください！
それでは早速始めていきます！
WordPressブログでAmazonアソシエイトリンクを貼る方法
WordPressブログでAmazonアソシエイトリンクを貼る方法
それではAmazonアソシエイトの登録方法からWordPressにリンクを貼る方法までをステップで紹介します。
1. Amazonアソシエイトに登録する
Amazonアソシエイトに登録がお済みでない方は、以下から登録しておきましょう！
※クリック後、Amazonアソシエイトに飛びます、
Amazonアソシエイトの登録ができましたら商品リンクを取得していきます！
2. 商品リンクを取得する
商品リンクを取得するには、ページ上にある『商品リンク→商品リンク』をクリックします。
クリック後以下の画面になるので、赤ワクで囲ったところで紹介したい商品名を入力して「検索」ボタンを押します。
紹介したい商品がみつかりましたら「リンク作成」ボタンをクリックします。
以下の画面になるので、「3. この商品リンクのHTMLを取得する」エリアにあるURLをクリックして「選択する」ボタンをクリックします。
これで商品リンクの取得は完了です！ちなみに、Amazonの商品リンクの見せ方を変更するには、以下のボタンをクリックします。
- テキストと画像
- テキストのみ
- 商品のみ
上記があり、お好みで商品リンクを選択できます。
テキストと画像の使い方
「テキストと画像」は名前の通り、テキストと画像をカスタマイズできますよ。
画面左側の「リンク先ページ」「背景のカラー」などを設定すると、画面右側にある「2. プレビュー」が切り替わりますのでプレビューをみながらデザイン調整していく感じです。
3. WordPress（ワードプレス）に商品リンクを貼る
登録ができましたら、AmazonリンクをWordPressに貼っていきます。
WordPressの管理画面にいきまして、記事投稿画面を開いてコピーしたコードを貼ります。
クラシックエディタの場合
クラシックエディタをお使いの方ですと、「テキスト」をクリックしてコピーしたHTMLを以下のように貼ります。
貼り付けができましたら、問題なく表示されているかプレビュー画面で確認しましょう。
ポイント
新しいエディタをお使いの方ですと、まずは画面左上にある「①：＋（ブロック挿入ツールを切り替え）」をクリックします。
以下の画面のように、「②：カスタムHTML」を選択して「③：HTML」に切り替えます。
最後にコピーしたコードを貼り、問題なく表示されているかプレビュー画面で念のため確認します。
Amazonリンクをカスタマイズできる神ツール
Amazonリンクをカスタマイズできる神ツール
続いてAmazonリンクをさらにオシャレに貼る方法を紹介します。冒頭でも紹介しましたようにAmazonリンクはテキストや画像の表示以外に以下のようにカード型リンクの作成ができます。
上記のカード型リンクは、カエレバというツールを使って「Amazonアソシエイト」「楽天アフィリエイト」に登録後表示できます。
ボタンをまとめて表示できれば、アフィリエイト報酬の取りこぼしがなくなり、管理がしやすくなるメリットがあります。
カエレバ・ヨメレバとは？WordPressで利用する方法を紹介で詳しく解説していますので、Amazonリンクをおしゃれに表示させてみたい方はご覧ください！
-
-
カエレバ・ヨメレバとは？WordPressで利用する方法を紹介します
こんな悩みに答えます。 本記事の執筆者 当ブログでは、WordPressの基本的な設定方法からアフィリエイトに関する役立つ情報を発信しています。本記事を書いて ...
続きを見る
なお以下記事で、カエレバと似たようなカード型リンクでAmazonアフィリエイトをオシャレに表示させる方法を紹介しています。
-
-
【初心者でも簡単】商品リンクとは？作り方とブログでおすすめのツール5つを紹介
こんな悩みに答えます。 この記事で解決できる悩み そもそもブログで使う商品リンクとは？ WordPressで商品リンクを貼る方法は？ ブログで使う商品リンクの ...
続きを見る
自身がどれに合っているか比較してから、商品リンクを使ってみたい方は参考にしてみてください！
どれにしようか悩んだら「もしもアフィリエイト」がおすすめ！
どれにしようか悩んだら「もしもアフィリエイト」がおすすめ！
商品カードでどれにしようか悩みましたら、もしもアフィリエイトのかんたんリンクを選びましょう。
なぜなら以下の理由があるからです。
もしもアフィリエイトのメリット
- 難しい機能がないので、初心者でも使いやすい
- 商品画像をスライドショーで表示できる
- アフィリエイトの売り上げをもしもアフィリエイトで管理できる
上記の理由以外にも、今まで紹介しましたように「Amazonアソシエイト」、「楽天アフィリエイト」「Yahooショッピング」のボタンを同時に表示させる機能もあります。
ボタンのワンクリックでリンクの表示・非表示を選ぶことができるので、初心者にとっては使いやすい機能です。
もしもアフィリエイトは無料で登録することができ、5分ほどあれば以下のような商品リンクを表示できます。
-
-
もしもアフィリエイトのかんたんリンクの使い方を徹底解説【ブログ初心者におすすめ！】
こんな悩みに答えます。 本記事の執筆者 当ブログでは、WordPressの基本的な設定方法からアフィリエイトに関する役立つ情報を発信しています。現在では、We ...
続きを見る
１分で登録完了！
WordPress以外でAmazonアソシエイトを貼る方法を紹介！
WordPress以外でAmazonアソシエイトを貼る方法を紹介！
最後に、WordPress（ワードプレス）以外でAmzonリンクを貼る方法を紹介したいと思います。
noteでAmazon商品リンクを紹介する場合は、以下のように表示されます。
当ブログでは、noteで貼るAmazonリンクを貼る方法も紹介しています。
WordPressブログ以外にnoteを運用していてAmazonの商品リンクを紹介してみた方は、以下よりご覧ください。
-
-
noteでAmazonアフィリエイトリンクを貼る方法【２ステップ】
こんな悩みに答えます。 本記事の執筆者 WordPress（ワードプレス）を使って１年以上ブログ運営をしており、現在Web業界で7年ほど働いています。 &nb ...
続きを見る
WordPressブログにAmazonアソシエイトを貼ろう！：まとめ
今回は、WordPressブログでAmazonアソシエイトのリンクを貼る方法について紹介しました。
ブログを始めて収益化を目指そうと思った時に、Amazonアソシエイトに登録してリンクを貼るのはとても有効的です。
ブログ以外に今回紹介した「note」を運用されている方も、今回紹介したやり方でリンクを貼ってみてください！
また、繰り返しになりますが、ブログ運営に慣れてきたりおしゃれなリンクで商品を紹介してみた方は、カード型のリンクが役に立ちます。
先述した方法以外にも、カード型リンクで商品を紹介する設定方法がいくつかあります。
色んな方法がありますが、運用しやすい方法で商品デザインのカスタマイズを試してみてくださいね。
今回は以上です。
ここまで読んでいただきありがとうございました。