JavaScript小技集Amazonアソシエイトリンク生成スクリプト
- Amazonアソシエイトリンク生成スクリプト〔テキストリンクのみ〕
- Amazonアソシエイトリンク生成スクリプト〔テキストリンク+商品画像リンク〕
- Amazonアソシエイトリンク生成スクリプト for CD〔テキストリンク+商品画像リンク(飾り用CD付き)〕
Amazonアソシエイトリンク生成スクリプト
テキストリンクのみ
2007/9/28
「タイトル」と、「テキストリンクを生成したい商品の名前とASIN(半角英数字9桁の商品番号)の配列」を指定しると、先頭にタイトルを表示し、配列で指定した商品数だけテキストリンクを生成し、最後にアマゾンへのトップリンク(powered by Amazon)を付けたHTML文を出力します。
アソシエイトID(AmazonAsociateID)はご自分のIDを指定してください。
サンプルを見る<style type="text/css"> #amazon1 { margin:0; padding:0; background-color:#f7f7f7; border:1px solid silver; } #amazon1 div.wrap { margin:10px; padding:0; } #amazon1 div.title { margin:0 0 5px 0; padding:0; font-size:1.2em; font-weight:bold; } #amazon1 div.book { margin:0 0 3px 0; padding:0; } #amazon1 div.book a { background:url(/content/img/js/amazonbook.gif) no-repeat top left; padding-left:17px; } #amazon1 a { color:green } #amazon1 a:hover { color:#7bb600; } #amazon1 div.powered { text-align:right; } #amazon1 div.powered a { font-size:10px; } </style> <script type="text/javascript"> /* CreateAmazonTextLink(商品名とASINの配列, タイトル) */ /* 指定したAmazon商品のテキストリンクを書き出す */ function CreateAmazonTextLink(array,title){ /* 自分のアソシエイトID */ var AmazonAssociateID="phpjavascripr-22"; var htm=""; htm+="<div class='title'>【"+title+"】<\/div>"; for(i=0; i<array.length; i++){ htm+="<div class='book'>"; /* テキストリンク */ htm+="<a href='http://www.amazon.co.jp/exec/obidos/redirect?link_code=as2&path=ASIN/"+array[i][0]+"&tag="+AmazonAssociateID+"&camp=247&creative=1211'>"; htm+=array[i][1]; htm+="<\/a>"; htm+="<img src='http://www.assoc-amazon.jp/e/ir?t="+AmazonAssociateID+"&l=as2&o=9&a="+array[i][0]+"' width='1' height='1' border='0' alt=''>"; htm+="<\/div>"; } //powerd by Amazon htm+="<div class='powered'>"; htm+="<a href='http://www.amazon.co.jp/gp/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.co.jp%2F&tag="+AmazonAssociateID+"&linkCode=ur2&camp=247&creative=1211'>"; htm+="powerd by Amazon"; htm+="<\/a>"; htm+="<img src='http://www.assoc-amazon.jp/e/ir?t="+AmazonAssociateID+"&l=ur2&o=9' width='1' height='1' border='0' alt=''>"; htm+="<\/div>"; document.write(htm); } </script> <div id="amazon1"> <div class="wrap"> <script type="text/javascript"> var font=new Array( Array('484431937X','TrueTypeフォント パーフェクトコレクション'), Array('4875932758','フリーフォントガイドブック'), Array('4872834925','フリーフォント厳選900') ); CreateAmazonTextLink(font,"フォント関連書籍"); </script> </div> </div>
Amazonアソシエイトリンク生成スクリプト
テキストリンク+商品画像リンク
2007/9/28
Amazonの商品リンクを、商品画像+テキストリンクで出力するスクリプトです。
割引表示位置と割引率 | |
---|---|
右下50%OFF | _PE50_ |
左下50%OFF | _PD50_ |
商品画像回転角度 | |
右方向に10度回転 | _PV10_ |
左方向に10度回転 | _PU10_ |
影の位置 | |
左下 | _PB_ |
右下 | _PC_ |
画像サイズ | |
画像サイズ(大) | _SCLZZZZZZZ_ |
画像サイズ(中) | _SCMZZZZZZZ_ |
画像サイズ(小) | _SCTZZZZZZZ_ |
画像サイズ(極小) | _SCTHUMBZZZ_ |
アソシエイトID(AmazonAsociateID)はご自分のIDを指定してください。
サンプルを見る<style type="text/css"> #amazon2 { margin:0; padding:0; border:1px solid silver; } #amazon2 div.wrap { margin:10px; padding:0; } #amazon2 ul { margin:5px 0 0 0; padding:0; } #amazon2 ul li { margin:0 0 0 10px; padding:0; } #amazon2 div.title { font-size:1.2em; font-weight:bold; } #amazon2 a { color:navy } #amazon2 a:hover { background-color:#ffffcc; } </style> <script type="text/javascript"> /* CreateAmazonTextLink(商品名とASINの配列, タイトル) */ /* 指定したAmazon商品のテキストリンクを書き出す */ function CreateAmazonImageTextLink(array,title){ /* 自分のアソシエイトID */ var AmazonAssociateID="phpjavascripr-22"; var htm=""; htm+="<div class='title'>"+title+"<\/div>\n"; for(i=0; i<array.length; i++){ htm+="<a href='http://www.amazon.co.jp/exec/obidos/redirect?link_code=as2&path=ASIN/"+array[i][0]+"&tag="+AmazonAssociateID+"&camp=247&creative=1211'>"; /* 画像サイズ(極小) */ htm+="<img src='http://images-jp.amazon.com/images/P/"+array[i][0]+".09._SCTHUMBZZZ_.jpg' alt='"+array[i][1]+"'>"; /* 画像サイズ(極小)、左下5%OFF表示 */ htm+="<img src='http://images-jp.amazon.com/images/P/"+array[i][0]+".09._PD05_SCTHUMBZZZ_.jpg' alt='"+array[i][1]+"'>"; /* 画像サイズ(極小)、右下95%OFF表示 */ htm+="<img src='http://images-jp.amazon.com/images/P/"+array[i][0]+".09._PE95_SCTHUMBZZZ_.jpg' alt='"+array[i][1]+"'>"; /* 画像サイズ(極小)、左下影 */ htm+="<img src='http://images-jp.amazon.com/images/P/"+array[i][0]+".09._PB_SCTHUMBZZZ_.jpg' alt='"+array[i][1]+"'>"; /* 画像サイズ(極小)、右下影 */ htm+="<img src='http://images-jp.amazon.com/images/P/"+array[i][0]+".09._PC_SCTHUMBZZZ_.jpg' alt='"+array[i][1]+"'>"; /* 画像サイズ(極小)、右下影、左方向に10度回転 */ htm+="<img src='http://images-jp.amazon.com/images/P/"+array[i][0]+".09._PC_PU10_SCTHUMBZZZ_.jpg' alt='"+array[i][1]+"'>"; /* 画像サイズ(極小)、右下影、右方向に10度回転 */ htm+="<img src='http://images-jp.amazon.com/images/P/"+array[i][0]+".09._PC_PV10_SCTHUMBZZZ_.jpg' alt='"+array[i][1]+"'>"; htm+="<\/a>"; htm+="<br \/>"; /* テキストリンク */ htm+="<a href='http://www.amazon.co.jp/exec/obidos/redirect?link_code=as2&path=ASIN/"+array[i][0]+"&tag="+AmazonAssociateID+"&camp=247&creative=1211'>"; htm+=array[i][1]; htm+="<\/a>"; htm+="<img src='http://www.assoc-amazon.jp/e/ir?t="+AmazonAssociateID+"&l=as2&o=9&a="+array[i][0]+"' width='1' height='1' border='0' alt=''>"; htm+="<br \/>"; } //powerd by Amazon htm+="<div align='right'>"; htm+="<a href='http://www.amazon.co.jp/gp/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.co.jp%2F&tag="+AmazonAssociateID+"&linkCode=ur2&camp=247&creative=1211'>"; htm+="powerd by Amazon"; htm+="<\/a>"; htm+="<img src='http://www.assoc-amazon.jp/e/ir?t="+AmazonAssociateID+"&l=ur2&o=9' width='1' height='1' border='0' alt=''>"; htm+="<\/div>"; document.write(htm); } </script> <div id="amazon2"> <div class="wrap"> <script type="text/javascript"> /* 画像+テキストリンク */ var goods=new Array( Array('484431937X','TrueTypeフォント パーフェクトコレクション'), Array('B00005QYPP','チャイルド・プレイ チャッキーの花嫁') ); CreateAmazonImageTextLink(goods,"おすすめ商品"); </script> </div> </div>
Amazonアソシエイトリンク生成スクリプト for CD
テキストリンク+商品画像リンク(飾り用CD付き)
2007/9/28
Amazonの商品リンクを、商品画像(CD付き)+テキストリンクで出力するスクリプトです。
飾り用CD表示 | |
---|---|
CD右だし | _PF_ |
CD右だし(余白10px) | _PF10_ |
アソシエイトID(AmazonAsociateID)はご自分のIDを指定してください。
サンプルを見る<style type="text/css"> #amazon3 { margin:0; padding:0; background-color:#948a63; width:250px; text-align:center; } #amazon3 div.wrap { margin:10px; padding:0; } #amazon3 div.title { margin:0; padding:10px 0 0 0; font-size:1.2em; font-weight:bold; color:#d1aa47; } #amazon3 div.box { margin:10px 0 5px 0; padding:0; width:180px; height:160px; border:3px double #d1aa47; background-color:#fff; text-align:center; vertica-align:middle; } #amazon3 a { color:#eadb9b; } #amazon3 a:hover { color:#d1aa47; } #amazon3 div.powered { text-align:right; margin:0; padding:10px 0;} #amazon3 div.powered a { font-size:10px; text-decoration:none; } </style> <script type="text/javascript"> /* CreateAmazonImageTextLink_for_CD(商品名とASINの配列, タイトル) */ /* 指定したAmazon商品の画像(CD付き)+テキストリンクを書き出す */ function CreateAmazonImageTextLink_for_CD(array,title){ /* 自分のアソシエイトID */ var AmazonAssociateID="phpjavascripr-22"; var htm=""; htm+="<div class='title'>"+title+"<\/div>\n"; for(i=0; i<array.length; i++){ htm+="<div class='box'>"; htm+="<a href='http://www.amazon.co.jp/exec/obidos/redirect?link_code=as2&path=ASIN/"+array[i][0]+"&tag="+AmazonAssociateID+"&camp=247&creative=1211'>"; /* 画像サイズ(極小)、CD右だし */ htm+="<img src='http://images-jp.amazon.com/images/P/"+array[i][0]+".09._PF_SCMZZZZZZZ_.jpg' alt='"+array[i][1]+"'>"; htm+="<\/a>"; htm+="<\/div>"; /* テキストリンク */ htm+="<a href='http://www.amazon.co.jp/exec/obidos/redirect?link_code=as2&path=ASIN/"+array[i][0]+"&tag="+AmazonAssociateID+"&camp=247&creative=1211'>"; htm+=array[i][1]; htm+="<\/a>"; htm+="<img src='http://www.assoc-amazon.jp/e/ir?t="+AmazonAssociateID+"&l=as2&o=9&a="+array[i][0]+"' width='1' height='1' border='0' alt=''>"; } //powerd by Amazon htm+="<div class='powered'>"; htm+="<a href='http://www.amazon.co.jp/gp/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.co.jp%2F&tag="+AmazonAssociateID+"&linkCode=ur2&camp=247&creative=1211'>"; htm+="powerd by Amazon"; htm+="<\/a>"; htm+="<img src='http://www.assoc-amazon.jp/e/ir?t="+AmazonAssociateID+"&l=ur2&o=9' width='1' height='1' border='0' alt=''>"; htm+="<\/div>"; document.write(htm); } </script> <div id="amazon3"> <div class="wrap"> <script type="text/javascript"> var disk=new Array( Array('B00000DFSK','The Best of 1980-1990'), Array('B000JJ4PI0','U218 SINGLES') ); CreateAmazonImageTextLink_for_CD(disk,"おすすめCD"); </script> </div> </div>