・Amazonアソシエイトの商品リンクを同一画面で”サンプルを確認しながら”簡単に作成することができる支援ツールです。
・複数の商品を「シンプル」かつ「縦・横自由」に配置できるので、ブログ(blog)との相性は抜群です。
・大きく「シンプル版」と「詳細版」に分かれ、更に画像サイズや表示項目などの詳細な設定が行えます。
・[アソシエイトID]にあなたのIDを設定すれば、この商品リンク経由で購入された場合の報酬は全てあなたのものです!
↓[Sample1(シンプル版)]↓
↓[Sample2(詳細版・曲名付き)]↓
・Amazonアソシエイト標準の商品リンクに満足できない方(デザイン・項目等)。
・ブログの左右のフレームまたは、エントリー内に複数の商品を並べたい方。
・できるだけ自然(シンプル)に商品を表示したい方。
1.画面左の【タグ作成設定】で基本的な情報を設定します(後でも設定できます→5)。
2.画面右の【商品検索】にて商品の検索を行います。
3.タグに追加したい商品を【タグ作成設定】内のリスト(ブルーのエリア)にドラッグ&ドロップします。
4.選択し終わったら「タグ作成」ボタンをクリックしてください。【タグ作成設定】の↓にソースとタグのサンプルが表示されます。
5.自分の表示したい形になるようサンプルを見ながら【タグ作成設定】を微調整してください。
6.調整後、ソースをコピーして自分のサイト(ブログ)に貼り付ければ完了です。
※詳細情報の表示は、商品検索で”商品名をクリック”するか”画像をダブルクリック”することで表示されます。
[タグ種別]・・・シンプル版・詳細版を選択してください。この種別によって設定項目が異なります。
[アソシエイトID]・・・あなたのアソシエイトIDを指定してください。
[画像のサイズ]・・・Small(画像小)かMedium(画像中)を選択してください。
[1商品の横サイズ]・・・1つの商品の横サイズが何pxか指定してください。全ての商品の横サイズは共通になります。
(厳密には左右に5pxの余白が付きますので、仮に一番大きい画像の横サイズが100pxの場合、100+5*2=110px以上を指定してください。画像サイズ以下でもある程度きちんと表示されますが、その際の表示はブラウザに依存します。)
[横に並べる商品数]・・・(例)商品が6つあり、縦6×横1で並べたい場合は"1"、縦2×横3で並べたい場合は"3"を指定。
[枠線カラー]・・・枠線の色をRGB16進表記で指定します。
[枠線サイズ]・・・枠線の太さを指定してください。枠線が不要なら"0"を指定します。
[タイトルの表示]・・・"表示有"を選択すると商品タイトルを表示します。
[項目追加Option]・・・"追加有"を選択すると追加項目がある場合に表示します。
(本→著者、DVD→[DVD]、音楽→アーティスト、ゲーム→機種名、その他→メーカー)
[横サイズ]・・・詳細版専用。横幅をpxで指定します(デフォルト:350px)。
[表示項目]・・・詳細版専用。出力したい表示項目を選択してください。
2006/09/01 画像の表示速度が若干ですが向上しました。画像の加工はやはり遅いですね(ルートさん要望thanx!)
2006/08/31 カテゴリー「洋書」に対応しました。すいません、単純に追加し忘れてました・・・(penguinさん要望thanx!)。
2006/08/16 [詳細版]の画像サイズも[シンプル版]同様、選択可能にしました(中の人などいない!さん要望thanx!)。
2006/08/10 画像が描画完了前に詳細画面を表示すると、画像が表示されないままになるバグ修正(ルシさん情報thanx!)。
2006/08/08 内部処理改良に伴い、タグ作成時のレスポンス大幅向上。
2006/08/08 商品の詳細画面・ヘルプを改良。本家ショップに合わせる。表示項目に”価格”選択追加(書籍のみ有効)。
2006/07/31 共通ライブラリ変更の際、画像のalt属性の設定が消えていたバグ修正(高さん、ryouさん情報thanx!)。
2006/06/30 [詳細版]の表示項目に”曲名”選択追加(T.Wさん要望thanx!)。
2006/06/20 [詳細版]の表示項目を選択可能に変更。その他バグ修正。
2006/06/12 [詳細版]追加。以前のものを[シンプル版]と命名。
2006/05/14 DADA-TE 初公開
・このページで作成した"textarea"内のソースは改変自由です。また、「by ええもん屋.com」の部分の表示も強要ではありません。ただ、「by ええもん屋.com」の表記を削除する場合には、サイト内のどこでもいいので(例えばリンクのページ等)、ええもん屋.comかDADA-TE(当ツール)のリンクを貼ってください。【→リンクの貼り方】
・Amazon.co.jpのアソシエイト・プログラムに参加している方は、必ず[アソシエイトID]を変更してください(指定しないと報酬が受けられませんよ!)。一度「タグ作成」するとクッキーに保存され、次回以降の利用ではこの作業は省略できます。
・文字のカラー、リンクのカラー・装飾についてはあなたのサイトの設定に依存します。
・縦×横が複数×複数の場合はスタイルシートの"float"に依存しますので、綺麗に表示されない可能性があります(というよりその可能性大です)。その場合は表示順序変更、タイトルを表示しない等の工夫をお願いします。