Amazon.co.jpの短いURL(+タイトル)をポップアップしてくれるブックマークレット (2016年4月版)

f:id:sky-y:20160411004007p:plain

Amazon.co.jpの物品を紹介したいときに、 「URLだけ」とか「URLとタイトル」という文字列をコピーしたいときが多いのですが、 今まで手作業でやってました。

ブックマークレットを探していたのですが、探しても丁度良いものがなかったので、自作してみました。

ブックマークレットの使い方

ブックマークレットを登録(下記参照)した後、以下のように使います。

  1. Amazon.co.jpの商品ページを開く。
    • Amazon.com(国外Amazon)では動きません。
  2. 下記ブックマークレットのいずれかをブックマークから起動する。
  3. URL(またはタイトル+URL)が記入されたウインドウがポップアップされるので、テキストをコピーする。
  4. 好きな場所にペーストする。

確認した動作環境

このブックマークレットは2016年4月10日時点で動作を確認したものです。

  • Mac (OS X 10.11.4)
    • Chrome 49.0.2623.110 (64-bit)
  • iPhone (iOS 9.3)
    • Safari

Windowsでは確認していません(動かなかったら下記へご報告ください)。

ブックマークレットのインストール方法

PC上のブラウザの場合

  • それぞれのリンクをブックマークバーにドラッグしてください。
  • あるいは、このページを一旦ブックマークし、あとでブックマークを編集し、URL欄に下記のソースコードを打ち込んでください。

それぞれのブラウザについての、具体的なインストール方法は下記を参照してください:

iPhoneの場合

下記を参照してください。

iPhoneのSafariにブックマークレットを登録する設定手順

ブックマークレット: 普通のバージョン(アフィリエイトID無し)

URLのみ

Amazon: Get URL

javascript:(function()%7B(function()%7Bif(-1!%3Dlocation.href.search(%2F%5B%5E0-9A-Z%5D(%5BB0-9%5D%5B0-9A-Z%5D%7B9%7D)(%5B%5E0-9A-Z%5D%7C%24)%2F))%7Bvar%20o%3D%22http%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F%22%2BRegExp.%241%2B%22%2F%22%3Bprompt(%22Copy%20Amazon%20Short%20URL%22%2Co)%7D%7D)()%3B%7D)()

タイトル+URL

注意: タイトルは「ブラウザに表示されるタイトル」そのままです。

Amazon: Get Title+URL

javascript:(function()%7B(function()%7Bif(-1!%3Dlocation.href.search(%2F%5B%5E0-9A-Z%5D(%5BB0-9%5D%5B0-9A-Z%5D%7B9%7D)(%5B%5E0-9A-Z%5D%7C%24)%2F))%7Bvar%20o%3D%22http%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F%22%2BRegExp.%241%2B%22%2F%22%3Bprompt(%22Copy%20Amazon%20Short%20URL%22%2Cdocument.title%2B%22%20%22%2Bo)%7D%7D)()%3B%7D)()

ブックマークレット: アフィリエイトID有りバージョン

注意: skyy0079-22の部分を、ご自身のアフィリエイトIDに変更してください。 (一カ所変更するだけで大丈夫です。)

URLのみ

Amazon: Get URL (with Associate)

javascript:(function()%7B(function()%7Bvar%20o%3D%22skyy0079-22%22%3Bif(-1!%3Dlocation.href.search(%2F%5B%5E0-9A-Z%5D(%5BB0-9%5D%5B0-9A-Z%5D%7B9%7D)(%5B%5E0-9A-Z%5D%7C%24)%2F))%7Bvar%20a%3D%22http%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F%22%2BRegExp.%241%2B%22%2F%22%2Bo%3Bprompt(%22Copy%20Amazon%20Short%20URL%22%2Ca)%7D%7D)()%3B%7D)()

タイトル+URL

Amazon: Get Title+URL (with Associate)

javascript:(function()%7B(function()%7Bvar%20o%3D%22skyy0079-22%22%3Bif(-1!%3Dlocation.href.search(%2F%5B%5E0-9A-Z%5D(%5BB0-9%5D%5B0-9A-Z%5D%7B9%7D)(%5B%5E0-9A-Z%5D%7C%24)%2F))%7Bvar%20t%3D%22http%3A%2F%2Fwww.amazon.co.jp%2Fdp%2F%22%2BRegExp.%241%2B%22%2F%22%2Bo%3Bprompt(%22Copy%20Amazon%20Short%20URL%22%2Cdocument.title%2B%22%20%22%2Bt)%7D%7D)()%3B%7D)()

わかる人・必要な人向け情報

ソースファイル

minifyしたもの(txt)・する前のもの(js)も含めて、ソースファイルをGitHubで公開します。

sky-y/amazon-bookmarklet-summary

JavaScriptソースをブックマークレットに変換する方法

npmに、ずばり「bookmarklet」というパッケージがあります。

インストールは下記の通り(あらかじめnodeをインストールしておいてください):

npm install -g bookmarklet

ターミナルでの使い方は下記の通り:

bookmarklet input.js
bookmarklet input.js > input.js.txt # ファイルに保存

以上です

快適なAmazonライフをお楽しみください。

藤原 惟