「メイド・イン・ヘブン」スキン適用中

Amazon商品リンクの初期設定方法と使い方

ショートコード
この記事は約9分で読めます。

Cocoonでは、Amazon.co.jp Product Advertising APIから商品情報を取得して、商品リンクを手軽に作成出来るようになっています。

例えばこんな感じの商品リンクです。

もちろんAMPページにも対応しています。

ただ、これを利用するにはAPIの認証キーや、各種アフィリエイトIDを登録する必要があります。以下では、その設定方法を説明します。

加えて、商品リンクを作成するためのASIN(Amazonの商品ID)の取得方法も説明します。

事前準備

以下では、Amazon商品リンクを利用するために必要となる準備設定を説明します。

Amazon APIの認証キーの取得

AmazonアソシエイトからAPIの「アクセスキー」と「シークレットキー」を取得して設定します。

Amazon APIのアクセスキーとシークレットキーを取得する方法
Amazon商品紹介リンク用の認証機能を取得&登録方法です。Amazonアソシエイトからアクセスキーとシークレットキーを作成登録する方法です。
商品リンク機能を使う上で必須情報です。

AmazonアソシエイトのトラッキングIDの取得

もう1つ、Amazonアソシエイトからリンクと商品を紐付けるためのトラッキングIDを取得して設定します。

AmazonアソシエイトのトラッキングIDを入手する方法
AmazonアソシエイトからトラッキングIDを取得して、Cocoonの商品紹介リンクで利用するために設定する方法です。
商品リンク機能を使う上で必須情報です。

楽天アフィリエイトID

楽天の商品検索リンクを表示するのであれば、楽天アフィリエイトIDを取得し設定する必要があります。

楽天アフィリエイトIDの取得方法
楽天ウェブサービスからアフィリエイトIDを取得して設定登録する方法です。

Yahoo!ショッピングのID

Yahoo!ショッピングの検索リンクを表示するには、バリューコマースでYahoo!ショッピングと提携し、sidとpidを取得し設定する必要があります。

バリューコマースでYahoo!ショッピングのsidとpidを取得する方法
バリューコマースでYahoo!ショッピングと提携しsidとpidを取得し設定登録する方法です。

テーマ設定

各種IDを入手したら「Cocoon設定」の「API」タブに入力する必要があります。

テーマ設定のAPIタブ

その他のチェック項目

CocoonはAmazon商品リンクの取得にPA-API v5を利用しています。

PA-API v5を利用するには、以下の条件をクリアしている必要があります。

  • AWSではなくAmazonアソシエイトで取得したAPIキーを利用しているか
  • サーバーの「php.ini設定」の「allow_url_fopen」項目がONになっているか

上記に当てはまる場合の対応方法などは、以下を参照してください。

PA-API v5に移行する際の注意点。Cocoon 1.9.6.4以降へアップデートする前に。
Amazonの商品取得APIがPA-API v4からPA-API v5に変わることによる注意点の説明です。

ショートコードの利用の主な流れ

ショートコード利用する主な手順はこちらになります。

  1. AmazonでASIN(商品ID)の取得
  2. ショートコードにASINを記入
  3. ショートコードにキーワードを記入

手順で言えば、このたった3手順。検索ボタンを表示する必要がなければ、2手順でできます。

以下ではショートコードの利用方法を詳しく説明します。

最も手っ取り早い方法

難しいことは抜きにして、ショートコードを作成するには、ブックマークレットを利用した方法が一番簡単です。

Amazon商品リンクブックマークレットの使い方
Amazon商品リンクショートコードを手軽に作成するための「Amazonリンク作成ブックマークレット」の登録方法と、使い方の解説です。

AmazonでASINの取得

まずは、Amazonから普通に検索して商品紹介ページを開きます。

Amazonの検索フォームから商品を検索する

商品紹介ページを開いたら、そこからASINを取得できます。

ASINとはAmazonの商品IDみたいなものです。一つの商品に対して一意となるASINが割り振られています。

一般的な商品の例

例えば、ルンバを例にします。

ページを開くと中ほどに「登録情報」があると思うので、そこから「ASIN」のID部分を取得します。

ルンバ980のASIN

ショートコード例

[amazon asin="B07K482T9R" kw="iRobot ルンバ"]
kwオプションには、商品検索ボタン用のキーワードを入力します。詳しくは後述します。

一般書籍(電子書籍以外)の例

電子書籍ではない一般的な書籍(いわゆる紙の本)を例にします。

ページを開くと中ほどに「登録情報」があると思うので、そこから「ISBN-10」のID部分を取得します。

WordPressの教科書のISBN

ショートコード例

[amazon asin="4797395168" kw="WordPressの教科書"]
一般的な書籍(紙の本)の場合は、AmazonではIDとしてISBN(国際標準図書番号)を利用しています。

電子書籍(Kindle版)の例

電子書籍の場合は普通にASIN入力になります。

Kindle版WordPressの教科書のASIN

ショートコード例

[amazon asin="B079JJZXKV" kw="WordPressの教科書" rakuten=0 yahoo=0]

登録情報がない商品

例えば、Kindle端末のような特別ページには、「登録情報」が掲載しない場合があります。

その際は、ページのURLを見てみてください。

Kindle Paperwhite商品ページのURL

よくURLを見てみると、ASINっぽい10桁の英数字があるので、それを取得します。

URLからASINの取得

慣れると「登録情報」を探すより、URLから取得した方が早いです。

ショートコード例

[amazon asin="B00QJDOM6U" kw="Kindle Paperwhite" rakuten=0 yahoo=0]

ショートコードにASINを記入

Amazonにて、ASIN(ISBN)を取得したら、次はショートコードを書き込みます。

Amazon商品リンクショートコードを利用するには、ビジュアルエディターにある「ショートコード」ドロップダウンから選択すると少し入力の手間が省けるかと思います。

ビジュアルエディターからショートコードの入力

デフォルトで以下のように記入されます。

デフォルトのAmazonリンクショートコード

こちらのASINの値に先程取得したASINを記入(コピペ)します。

ショートコードにASINを入力

あらかじめビジュアルエディターにASINを記述し、ドロップダウンメニューでショートコードを選択することでも同様のことを行うことができます。

ショートコードにキーワードを記入

あとは、商品検索ボタン用のキーワードをkw(Key Word)オプションに書き込みます。

Amazonショートコードに検索キーワードを入力

kwオプションに書き込んだ値によって、以下のような検索ボタンが作成され、キーワードによって通販サイトで検索されます。

商品リンクの検索ボタン表示例

キーワードはスペースで区切ることによって複合キーワードで検索することも可能です。

ショートコードオプション

Amazonショートコードの使用例や、オプション設定方法はこちらを参照してください。

Amazon商品リンクショートコードの使い方。サンプルコード満載で解説。
Amazon商品リンク作成ショートコードの使い方を、出来る限り優しく説明しています。便利なオプションもあるので、欲しい見た目をある程度手に入れることができます。

ブックマークレットでクリック一発で作成しよう

naenote.netを運営されているNAEさんが作成されたブックマークレットを利用すると、Amazon商品ページからクリック一発でショートコードを生成出来ます。

わいひら
わいひら

これマジ便利。

ドラッグ&ドロップで手軽に登録する方法と使い方はこちら。

Amazon商品リンクブックマークレットの使い方
Amazon商品リンクショートコードを手軽に作成するための「Amazonリンク作成ブックマークレット」の登録方法と、使い方の解説です。

NAEさんが作成された本家。詳細はこちら。

CocoonのAmazon商品リンクショートコードをボタン一発で作成するブックマークレットを作った
CocoonのAmazon商品紹介用ショートコードを自動作成するブックマークレットを作りました。カエレバやヨメレバのかわりにCocoonの機能を使う人は便利かと思います。

注意点

Product Advertising API (PA-API) の利用ガイドラインにもあるように、APIにはリクエスト制限があります。

◆[リクエスト数の上限] = 1 + [ (過去30日間の配送済み商品売上実績/460,000円)の小数点以下を四捨五入した数 ]

簡単に説明すると、全く売上のないサイトであれば、1秒あたりに1リクエスト。

過去30日間に414万円以上の売上があるサイトは最大の1秒あたり10リクエスト(最大値)まで利用できます。

ですので、始めたてのサイトであればあるほど「リクエスト制限」がかかってしまいます。

そういう場合は、以下のように商品リンクにエラーメッセージが表示されるかもしれません。

You are submitting requests too quickly. Please retry your requests at a slower rate.

けれどもそういう場合でも、慌てず時間を置いてリロードすれば表示されます。適切に商品リンクが表示されれば、キャッシュが生成されるので、その後キャッシュ期限(デフォルトで約2ヶ月)まで商品リンクは表示されます。

キャッシュ期限が切れた場合は、再び商品リンクが生成されるので、商品名変更などに自動的に対応できます。

キャッシュの詳細はこちら。

Amazon商品リンクキャッシュを削除する方法
Amazon商品リンクのキャッシュ削除機能の使い方。加えて、Cocoonテーマの商品リンクキャッシュ体制の説明です。

追記:ガイドラインのレスポンス制限の改定

2018年7月28日のガイドライン改定で以下の一文が追加されました。

Product Advertising APIへのアクセスのために使用される各アカウントは、標準で最小限1秒間あたり1リクエストまでの利用が認められます。しかしながら、利用開始以降、APIから取得したURL経由での売上がまったく無い場合、30日ごとに1日あたりのリクエスト数上限を0.1ずつ減少させます。最終的に1日あたりのリクエスト数制限は0.1(8640リクエスト/日)まで減少することになります。

簡単に言うと、全く売上のない状態が何ヶ月も続くと、1秒あたり0.1リクエストまで下がります。

つまり10秒あたり1リクエストまで減らされてしまいます。

ただ、1つでも売り上げがあればデフォルト状態(1秒あたり1リクエスト)に戻るので、あまり気にする必要はないかと思います。

Cocoonの商品リンク機能で出力している商品名とサムネイルリンクのURLは、「APIから取得したURL」になっています。検索ボタン部分は違います。
おそらく、複数アカウント取得して無駄にAPIを利用しているアカウント対策かと思われます。

まとめ

こんな感じで、Amazonの商品紹介リンクを結構簡単に作成できます。

加えて、CocoonのAMP機能にも対応しているので、表示が崩れません。

とりあえずはまず、ショートコード機能でのみの実装です。

管理画面でAmazon検索からショートコード作成機能の実装も考えていたのですが、慣れるとショートコードで入力した方が早いので、必要ないようにも思ったり。

現在自分の中でも審議中。

検索機能をつけると、多少利便性は上がるかもしれないけど結構な労力が必要という理由もあります。要は実装が面倒なわりに、個人的にそこまで欲しい機能ではないというか。検索機能は、Amazonサイトで行った方が精度が高いし、あわせ買いなども見れて情報豊富なので。

コメント

  1. 商品リンクは大変素晴らしい機能で、無駄をそぎ落とした実装でありながら十分な使い心地を実現されているので、使うたびに感心しております。

    さて、今回はこの商品リンクのCSS設定に個人的に思うことがあったので言及します。
    PC画面での表示は完璧で、これ以上の改善の余地がないほどの完成度です。

    一方でスマホ(画面サイズが768px以下)では(タイトル、スニペット、業者名)のテキストが中心位置に設定されており、画面の横幅サイズによっては非常に不自然な表示となる場合があります。

    product-item-title
    product-item-snippet
    product-item-maker

    個人的な好みの問題だとは思いますで、私はCSSで自分好みに修正していますが、やっぱり商品タイトルが中央寄りな表記に違和感を覚えたのでこちらで共有させていただきました。

    • わいひら わいひら より:

      現バージョンでは、(768px以下)では、左側で表示されて、スマホ(480px以下)で中央表示になっていると思います。
      このトピックのときに修正したと思います。
      タブレット(iPad)で商品リンクの表示が崩れます。
      タブレット左側でよかったと思いますが、320, 360, 375の端末では、中央表示が見やすいような気がします(タイトルだけなら左にしても良いかもだけど)。

  2. これはんろと より:

    あと
    「Yahoo」ボタンだけ大きいのが
    気になるなー

    #知らんけど

    • わいひら わいひら より:

      それは今もどうしようか悩んでいます。
      無理やりにでも3列表示にしたほうが良いのだろうか。
      そうするとまた別の表示崩れの可能性が出てきたりするので。

  3. どろん より:

    3列表示より
    たて1列の方がいいなー

    #わからんけど

    • わいひら わいひら より:

      元々1列だったのですが、要望により変更した部分があります。
      なので人それぞれなのだと思います。
      「わからない」と書かれていることもありますし、根拠的なものも書かれていないので、とりあえずはそのままいこうかと思います。
      やろうと思えばCSSで簡単に変更もできますし。

  4. oomoto より:

    商品リンクボタンについて

    ・縦1列にするカスタマイズ
    ・商品名・価格等のカスタマイズ

    は、ボクのブログにあげているモノを参考にするとできると思いますよ

    https://wvtravelclub.jp/button3/

  5. CHAO より:

    2019/3/30
    設定の変更なのでしょうか。
    上記の通りに登録をして、いざASINコードを入力し該当箇所を見ると、管理者用エラーメッセージというものが表示されて、使用できませんでした。
    なにか直す方法はあるのでしょうか?

    • わいひら わいひら より:

      Amazon APIの使用制限を受けている可能性があるかもしれません。
      以下に詳しく書いてあるので、参照してみてください。
      https://wp-cocoon.com/pa-api-2019-01-16/

      これが原因でない場合は、コメントの案内にもあるように、エラーメッセージをそのままコピーしてトピックの方に書き込んでいただければと思います。
      コメント欄だと、低機能なもので、扱いづらいのでよろしくお願いいたします。
      https://wp-cocoon.com/community/

タイトルとURLをコピーしました