ブログやサイトに貼り付けるアフィリエイトリンクを作成するツール。ひとつの商品画像に対し、複数のリンク設定が可能。AmazonとRakuten、DMM.comのWebAPIに対応。

- advertisement -

- advertisement -

目次

概要

Amazonの単一リンクについては以下を参照

ブログの記事内やサイドバーなどでAmazonのリンクを挿入するとき、商品画像をつけたい場合があるとおもう。その際、そのまま全体を表示させるのではなく、トリミングして表示させたいことはないだろうか。これらはURLの指定で簡 […]

簡単に説明すると、AmazonやRakuten、DMM.comの商品リンクを手早く作成できるようにすることと、一定のやり方でリンクを作成し、ブログやサイトに貼り付けることで統一したデザインにすることを目的としている。

対象の商品リンクに対し「Amazon検索」リンク、「楽天検索」リンク、「DMM検索」リンク、ほか、関連個別商品の直接リンクなど設定可能。

購入者の利用サービスがリンクにないことで機会損失が生じないようにする。

動作確認

以下、動作確認。HTML5.2対応ブラウザが必要

 対象:

 分類:
 名称:

手順.1:基本情報の入力

Amazonの「トラッキングID」とrakutenの「アフィリエイトID」、DMM.comの「アフィリエイトID」を入力。省略した場合、当サイトのものを使用。

ID1: ※AmazonトラッキングID
ID2: ※楽天アフィリエイトID
ID3: ※DMM.comアフィリエイトID

手順.2:商品の入力・選択

ASINとは、Amazon.comが策定した商品(書籍以外)識別用10桁の番号コード。書籍はISBNを入力

コード:

手順.3:画像のサイズ形式選択と調整

 指定:
サイズ:
幅/高:  /
URL:

 全体:
X/Y:  /
幅/高:  /

手順.4:商品名とリンク設定

商品名:
発売日:
 価格:

 挿入:
 各行:

1行目:
2行目:
3行目:
4行目:
5行目:

手順.5:プレビューして確認

 適用: ※ダウンロード(affiliate.css

以下をサイトの任意の場所に貼り付ける。

Rakuten Web Service Center

WEB SERVICE BY DMM.com

課題

  • 各APIに渡すアフィリエイトIDをCookieで保存するようにし、前回入力情報を保持する
  • リクエスト数上限。現在はデモ用のものを使用してリクエストしているが、集中すると規制が発生し利用できなくなる。
    →利用者にAPI利用のキー情報を送信してもらうようにする(Product Advertising API 5.0 Scratchpadのイメージ)この情報はCookieで保存する

更新履歴

  • 2022/3/31 – 新規作成
  • 2022/4/4 – Cookie対応。入力・変更したアフィリエイトIDを保存
  • 2022/4/5 – DMM.com対応