amazonの商品リンクを簡単・きれいにWordPressにはりたい

amazonの商品リンクを簡単・きれいにWordPressにはりたい

このサイトで本の紹介リンク(どうせならアフィリエイトもしてみたい)を使いたくて、どんな方法があるか調べました。

既にamazonアソシエイトからは承認を受けて使える状態にはなっているため、amazonアソシエイトツールバーから簡単にアフィリエイトリンクを使ってみたんですが、見た目はこのようになります。

とにかく小さくてデザイン的にもいまひとつという感じ。もっと書影を大きく見せたい!

この見た目の問題を解消して、きれいに簡単にリンクを貼る方法があったのでご紹介します。
この方法でやると以下のような見た目になりますよ。

amazonの商品リンクを簡単・きれいにWordpressにはりたい

WordPressプラグインを使う方法もあるがamazonアソシエイトAPIキーが必要

「WPアソシエイトポストR2」など便利なプラグインがあるのですが、この利用にはAmazonアソシエイトのAPIキーが必要。この登録には審査が必要で「一定以上の売上実績を重ねる」ことが条件のひとつとなっています。

PA-APIの利用を開始するにはどのようにすれば良いですか?

Amazonアソシエイト・プログラムへ申し込み、一定以上の売上実績を重ねることでご利用が可能となります。(*アソシエイト・プログラムへの申し込みだけでは利用は可能とはなりません) 利用条件についてはこちらの記載をご参照ください。なお、運営規約を順守する必要があります。

amazonアソシエイト

これでは、実績の無い始めたばかりのブログでは採用できないですよね。
このブログも実績が無いので使えませんでした。というわけで他の方法を探りました。

もしもアフィリエイトならAPIキー不要できれいにリンクが貼れる

まだ実績がなくAmazonアソシエイトのAPIキーが取得できなくても、もしもアフィリエイトの「かんたんリンク」使えばきれいにamazonの商品リンクを貼ることができるのです。
その手順は次のとおり。

もしもアフィリエイトを使った簡単・きれいな商品リンクのつくり方手順

「かんたんリンク」という「もしもアフィリエイト」が提供している専用ツールを使うために、もしもアフィリエイト経由でamazonと提携するという少しややこしいやり方になりますが、一度登録してしまえば後は簡単です。

1. もしもアフィリエイトへの会員登録

使用するには「もしもアフィリエイト」への会員登録が必要です。以下のリンクから登録できます。

もしもアフィリエイト

メディア・ブロガーの方 会員登録する(無料)」をクリックして、画面の指示にしたがって入力していけば登録できます。

2. amazonのプロモーションを探して提携申請をする

「amazon」で検索します。

検索結果から「amazon」を見つけて「提携申請する」ボタンを押します。
※「amazon」は検索結果の一番最後に表示されています。

amazonの提携は審査がされるようで承認には数日かかります。承認されるとメールで通知がきます。
ちなみにこのブログの場合は承認されるまで6日かかりました。

3. amazonから提携が承認されたら「かんたんリンク」を使ってリンクを作成

もしもアフィリエイトのかんたんリンクを使ってリンクを作っていきます。
ページの上にあるリンクから「かんたんリンク」をクリックします。

「商品販売ページのURL、またはキーワードを入力してください」に目的の商品情報を入力します。
ここでは個人的おすすめ本「融けるデザイン」を例にしました。いい本ですよ。

検索結果に目的の商品が表示されたらクリックします。

プレビューが表示されます。

今回はamazonの他に楽天とも提携していたので、2つのボタンを表示していますが、リンク先のボタンは「+」のアイコンをクリックして増やすことができます。ボタンの順番の変更のほか、ボタンの文言や、色の指定は個別に指定もできます。

ボタンや画像の大きさを決めて、画面の更に下を見ていくと「HTMLソース」が表示されています。
今回はWordpressに貼り付けたいので「HTMLソースを1行にする」にチェックしておきましょう。

「全文コピー」ボタンを押してコピーされた内容を、Wordpressの記事作成画面内「カスタムHTML」を使って貼り付けます。

「レスポンシブを有効するために<head>内に以下のタグを設置してください。」とあるので、初めて使うときはこちらも対応しておきましょう。

WordPressテーマ「LION MEDIA」の場合は[ 外観 ] → [ カスタマイズ ] → [ 高度な設定 [LION用] ]の「■</head>直上の自由入力エリア」に入力して「公開」したら、レスポンシブが有効になっているはずです。

こんな感じに。

できあがり!

これは画像サイズ「中」を選んでいます。

「もしもアフィリエイト経由のamazonリンク」と「amazonアソシエイトを使ったリンク」の報酬の違いは?

アフィリエイトを重視する場合、気になるのは成果報酬率ですよね。
「もしもアフィリエイト経由のamazonリンク」と直接「amazonアソシエイトを使ったリンク」で違いはあるのか調べたところ、同じでした。(2021年6月現在)

詳しくはこちらから
amazonアソシエイト アソシエイト・プログラム紹介料率表 別紙
もしもアフィリエイト Amazon.co.jpプロモーションの報酬料率

もしもアフィリエイトでも安心して使えそうですね。

ブログ運営カテゴリの最新記事