ブログやサイトに貼り付けるアフィリエイトリンクを作成するツール。Amazonより取得した商品画像に対し商品リンクを、その他サービスの関連リンクなどを設定。Amazon、Rakuten、DMM.comのWebAPIに対応。
- advertisement -
- advertisement -
目次
概要
Amazonの単一リンクについては以下を参照
簡単に説明すると、AmazonやRakuten、DMM.comの商品リンクを手早く作成できるようにすることと、一定のやり方でリンクを作成し、ブログやサイトに貼り付けることで統一したデザインにすることを目的としている。
対象の商品リンクに対し「Amazon検索」リンク、「楽天検索」リンク、「DMM検索」リンク、ほか、関連個別商品の直接リンクなど設定可能。
複数サービスへのリンクを設けることで購入者の機会損失が生じないようにする。
アフィリエイト・リンク作成
以下の手順1～5でリンク作成。手順6でサーバに広告を保存する。HTML5.2対応ブラウザが必要
手順1：基本情報の入力
Amazonの「トラッキングID」とrakutenの「アフィリエイトID」、DMM.comの「アフィリエイトID」を入力。省略した場合、当サイトのものを使用。
手順2：商品の入力・選択
ASINとは、Amazon.comが策定した商品（書籍以外）識別用10桁の番号コード。書籍はISBNを入力。
手順3：画像の選択と調整
手順4：商品名とリンク設定
手順5：プレビューして確認
適用： ※ダウンロード（affiliate.css）
プレビュー1 – 通常型（１：１、ほか）
プレビュー2 – カード型（３：２）
以降、手順2～5を繰り返し
手順6：広告の保存
プレビュー – 追加された広告
上記広告リスト（html）に名前を付けて保存
今後の課題
まだ未実装の課題一覧
- AmazonのAPI呼び出し数上限対応（入力、もしくは保存しておいた自身のキー情報を送信するしくみにする）
- モーダルダイアログ表示時に背景画面がスクロールしてしまう問題（スクロールしないようにする）
初期化ボタン押下で初期化処理後に画面リロードしてしまう（リンク先が空なので自身のページに再アクセスしてしまっている）モーダルダイアログ表示の制御。最初のAmazon画像選択時にラジオボタンはAmazonのみに、Rakuten、DMM.comは選択不可。ラベル参照時はすべてのサービスを選択可能に制御商品一覧で出店元などの情報を表示する（販売元がAmazonのものを優先したいため）
参考リンク
以下、参考・使用ライブラリなど
- Product Advertising API 5.0 Scratchpad
- Cropper.js – JavaScript image cropper.
- Amazonアソシエイト・セントラル – レポート
- 楽天アフィリエイト – レポート
- DMM アフィリエイト – レポート