CocoonのAmazon商品リンクショートコードをボタン一発で作成するブックマークレットを作った

Cocoonのバージョン1.0.6から、Amazonの商品リンクショートコード機能が追加されました。

とてもステキな機能ですが、カエレバのブックマークレット的に使えればもっと便利だなあと。

なので、作りました。Cocoonをお使いの方はぜひどうぞ。

※2018/08/14更新：Music、Videoに対応しました
※2020/03/15更新：Music、VideoのAmazon側仕様変更に対応しました

使い方のイメージ

1. Amazonの商品ページに行く
2. ブックマークレットを押す
3. コピー用のショートコードが出てくる

こんな感じでポップアップします。

コピペするとこうなります

[amazon asin="4534055501" kw="外資系コンサルは「無理難題」をこう解決します。 「最高の生産性」を生み出す仕事術"]

実物はこちら。

ASINが発番されている商品であれば、普通のAmazon商品でもKindle本でも使えるようになっています。

ブックマークレット本体

javascript:
var titleElems = [
   document.getElementById('productTitle'),
   document.getElementById('ebooksProductTitle'),
   document.getElementsByClassName('dv-node-dp-title')[0],
   document.getElementsByClassName('viewTitle')[0]
];
var title = titleElems.filter(v => {return v!=null;})[0].innerText.trim().replace(/[[|]]/g,'');
var matched = location.href.match(/(?:dp|o|gp|-|ASIN|product|albums|detail)\/(B[0-9]{2}[0-9A-Z]{7}|[0-9]{9}(?:X|[0-9]))/);
var asin = matched != null ? matched[1] : '';
var txt = '[amazon asin="'+asin+'" kw="'+title+'"]';
if(asin != '') prompt("Copy this", txt);
else alert("Error: no ASIN found.");

上記をブックマークにコピペしてください。

Chromeの場合のコピペ方法は以下。

1. 適当なページをブックマークする
2. そのブックマークを「編集」する
3. 「URL」欄に上記コードを入れる（以下の画像参照）

これで完了です。

WPアソシエイトポスト等で使いまわす方法

後半にある下記部分を変更してください。

txt='[amazon asin="'+asin+'" kw="'+title+'"]';

• asin：商品のASIN
• title：商品名

たとえばWPアソシエイトポストであれば、

txt='[wpap service="with" type="detail" id="'+asin+'" title="'+title+'"]';

とすれば使えるはずです。

まとめ：Cocoonをもっと便利に使おう

当ブログではAmazon商品紹介はカエレバ・ヨメレバを使っていますが、Cocoonの商品リンクショートコードが便利すぎるので、乗り換えを検討中です。

Cocoonの場合もしもアフィリエイト経由が不可能な点だけネックですが、もともとAmazonや楽天の直リンクを使っている方なら問題なく乗り換えられると思います。

便利で高機能なCocoonを、もっと便利に使っていきましょう。

以上、「CocoonのAmazon商品リンクショートコードをボタン一発で作成するブックマークレット」でした。