Amazonの商品ページのURLを短くしてコピーしたいときに使うブックマークレット

なぜ /dp/XXXXXXX の前に文字列があるんだ、、、

このブックマークレットについて

Amazonを回遊しているときにリンクを残しておきたいけど余計な文字列を削りたくなること、ありますよね！（7/12現在、いまちょうどAmazonプライムデー実施中なので）

そんな時にコピーしてシェアしやすいAmazonのURLを生成するブックマークレットを作りました！

事前に後述のブックマークレットをブラウザのブックマークに登録しておき、Amazonの商品ページを開いた状態で実行すると、

https://www.amazon.co.jp/JavaScript-%E7%AC%AC7%E7%89%88-David-Flanagan/dp/4873119707/ref=sr_1_1?
keywords=javascript+%E3%82%AA%E3%83%A9%E3%82%A4%E3%83%AA%E3%83%BC&qid=1689093702&sprefix=javascript+o%2Caps%2C219&sr=8-1

のようなURLから、

https://www.amazon.co.jp/dp/4873119707/

のように短いAmazon商品ページのURLをプロンプトで表示してくれます。

ちなみにAmazon.co.jpの商品ページ以外のページの場合は、URLは変換されずにそのまま出力されます。

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

以下のコードをブックマークレットとして登録します。

javascript:function amazonLinkShorter(url){const match = url.match(/https:\/\/www\.amazon\.co\.jp\/(.*\/dp|dp)\/(.*)\//);if (match){return `https://www.amazon.co.jp/dp/${match[2]}/`;}return url;};prompt('Amazon URL', amazonLinkShorter(location.href))();

(7/20追記) コメント欄も必見です！改良版を教えていただきました。ありがとうございます！
皆さんいろいろ工夫されていていて勉強になります！

ブックマークレットの追加方法と使い方

Google Chromeの場合は、以下の手順でブックマークレットを追加できます。

事前作業

1. ブックマーク欄の空いているところを右クリック→ ページを追加...
2. 「名前」欄にお好きなブックマークレット名を入力
   • 例: [Amazon Link]
3. 「URL」欄に前述のブックマークレット本体コードをコピペ
4. ブックマークレット保存先を選んで「保存」

ブックマークレットを使う

1. お好きなAmazonページを開く
   • 例: JavaScript 第7版 | David Flanagan, 村上 列 |本 | 通販 | Amazon
2. ブックマークレットを実行する
3. プロンプトが表示されるのでURLをコピーする

補足

ブラウザの種類やバージョンによって手順は変わってきますので、適宜調整してください。

それではまた。