Amazonアソシエイトリンク生成スクリプト｜JavaScript小技集｜JavaScript/DOM

TOP JavaScript/DOMAmazonアソシエイトリンク生成スクリプト

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+"&amp;l=ur2&amp;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+"&amp;l=ur2&amp;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+"&amp;l=ur2&amp;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>

JavaScript小技集 画像関連

JavaScript小技集Amazonアソシエイトリンク生成スクリプト

Amazonアソシエイトリンク生成スクリプト
テキストリンクのみ

Amazonアソシエイトリンク生成スクリプト
テキストリンク＋商品画像リンク

Amazonアソシエイトリンク生成スクリプト for CD
テキストリンク＋商品画像リンク（飾り用CD付き）

関連コンテンツ

JavaScript小技集Amazonアソシエイトリンク生成スクリプト

Amazonアソシエイトリンク生成スクリプトテキストリンクのみ

Amazonアソシエイトリンク生成スクリプトテキストリンク＋商品画像リンク

Amazonアソシエイトリンク生成スクリプト for CDテキストリンク＋商品画像リンク（飾り用CD付き）

関連コンテンツ

Amazonアソシエイトリンク生成スクリプト
テキストリンクのみ

Amazonアソシエイトリンク生成スクリプト
テキストリンク＋商品画像リンク

Amazonアソシエイトリンク生成スクリプト for CD
テキストリンク＋商品画像リンク（飾り用CD付き）