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

2017.2.5

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

確認環境

• 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','
'+title+'
');})();

使い方

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

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

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

//SCSS
.amazon_aff{
    dt{
        a{
        }
    }
    dd{
        a{
        }
    }
}

サンプル

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

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