0017.org

旧1bit::memo。WordPress, PHP, jQuery ...etc

シンプルなAmazonアフィリエイトリンク作成bookmarklet

投稿日:

このブログにもアフィリエイトリンクを貼ろうと思い、シンプルなブックマークレットを作ったのでメモ。

確認環境

  • macOS 10.12
  • Google Chrome 55.0.2883.95

ブックマークレットコード

ブックマークを登録する感覚で、以下のコードを入れてください。「★★★-22」部分は、ご自身のアフィリエイトIDに差し替えてください。コードの文字数を減らすために、1行になっていてみづらいですが、このまま使用してください。

javascript:(function(){var aff='★★★-22';var title=document.getElementById('productTitle').innerText;var asin=document.getElementById('ASIN').value;prompt('affliate code','<dl class="amazon_aff"><dt><a href="http://www.amazon.co.jp/exec/obidos/ASIN/'+asin+'/'+aff+'/"><img src="http://images-jp.amazon.com/images/P/'+asin+'.09.MAIN._SCMZZZZZZZ_.jpg"></a></dt><dd><a href="http://www.amazon.co.jp/exec/obidos/ASIN/'+asin+'/'+aff+'/">'+title+'</a></dd></dl>');})();

使い方

リンクを作成したいamazon個別ページへ移動し、ブックマークレットを起動してください。個別商品のページでないと動きません。

CSSはご自身で設定してください

このコードは素の状態です。設定の元になるSCSSコードの器を記載しておきます。各設定はご自身で。

//SCSS
.amazon_aff{
    dt{
        a{

        }
    }
    dd{
        a{

        }
    }
}

サンプル

実際にブックマークレットで生成したコードのサンプルです。

アピカ カバーノート パーソナル 7mm横罫 A5 NY24K 黒

-コーディング

Copyright© 0017.org , 2017 AllRights Reserved.