Amazonアソシエイトの画像付き商品リンクですが、サイトのデザインにうまく溶け込ませることができずに浮いてしまう場合があります。そこで、商品画像URLと商品URLを独自に取得して、Amazon商品リンクをデザインしてみようと思います。
Amazonが提供するリンク
Amazonで提供される「テキストと画像」リンクは以下。
昔からずっとこのデザインで、Amazonのブランディングと言ってしまえばそれまでなのですが、それがサイトのデザインに馴染むかどうかは別問題ですよね。
商品URLから ASIN (ISBN-10) を調べる
Amazonの商品データの管理は、ASINと呼ばれるAmazon独自の商品コードか、ISBN-10と呼ばれる国際標準図書番号が使われています。それでは、商品ページURLから、どの部分が該当するのかを見てみましょう。
ASIN
https://www.amazon.co.jp/ALINCO-アルインコ-コンフォートバイク2-エクササイズバンド・スマホトレー付き-AFB4309GX/dp/B079P5JB62
ASINは「/dp/」の後に続く10桁の英数字です。上記のURLの例だと、「B079P5JB62」がASINです。
ISBN-10
https://www.amazon.co.jp/一流の頭脳-アンダース・ハンセン/dp/4763136739
ISBN-10は「/dp/」の後に続く10桁の数字です。上記のURLの例だと、「4763136739」がISBN-10です。
上記のURLはGoogle検索結果からリンクされていたURLなので、余計なパラメーターが付加されておらず、すっきりしています。しかし、Amazonのサイトを巡回しているうちに、URLには様々なパラメータが追加されるので注意が必要です。
「/dp/」の後に続く10桁の英数字と覚えておけば、余計なパラメーターが付加されても迷うことはありません。
ASIN (ISBN-10)から商品画像URLを生成する
ASIN (ISBN-10)を調べたら、以下の [ASIN or ISBN-10] の部分に入力すると、商品画像が取得できます。商品画像サイズは 75px から 500px までの4サイズ取得できます。
https://images-fe.ssl-images-amazon.com/images/P/[ASIN or ISBN-10].09.THUMBZZZ // 長辺が75px
https://images-fe.ssl-images-amazon.com/images/P/[ASIN or ISBN-10].09.TZZZZZZZ // 長辺が110px
https://images-fe.ssl-images-amazon.com/images/P/[ASIN or ISBN-10].09.MZZZZZZZ // 長辺が160px
https://images-fe.ssl-images-amazon.com/images/P/[ASIN or ISBN-10].09.LZZZZZZZ // 長辺が500px
画像が取得できない場合
一部の商品については、商品画像を取得できないようです。その場合は、Amazonアソシエイトツールバーなどから取得する必要があります。
商品URLを短くする
商品URLは以下のURLに [ASIN or ISBN-10] と、[AmazonアソシエイトID] を入力します。
https://www.amazon.co.jp/dp/[ASIN or ISBN-10]/?tag=[AmazonアソシエイトID]
短縮URLを使えばもっと短くできるのですが、サービス終了のリスクがあるので私は使いません。
画像商品リンクを生成する
取得したASIN (ISBN-10)を使って、画像商品リンクを作成してみます。
商品画像とリンク以外に、商品名、メーカー、著者、商品概要、さらには楽天とYahoo!ショッピングへのリンクも表示してみます。
ASINの場合。
ISBN-10の場合。
以上のような商品リンクを簡単に生成できるサービスを PLG for Amazon で提供していますので、合わせてご覧ください。