読者です 読者をやめる 読者になる 読者になる

MyEnigma

とあるエンジニアのブログです。#Robotics #Programing #C++ #Python #MATLAB #Vim #Mathematics #Book #Movie #Traveling #Mac #iPhone

iPhoneとMacから2 or 3タップのみでAmazonアソシエイトのリンクをTweetするブックマークレットを作った

Web javascript

JavaScript 第6版

JavaScript 第6版

目次

はじめに

最近、

Amazonの本が期間限定で割引されることが多いので、

iPhoneからTwitterでシェアしたくなります。

 

すると、折角なので

アマゾンアフィリエイトのリンクに変換したいなと思って

ブックマークレートを探していたのですが、

わざわざリンクをコピーして、

twitterアプリを開いて、

ペーストするようなものが多く、

もっと簡単にできないかなと思っていました。

そこで、

iPhoneのSafariでAmazonの商品ページを見ている状態から、

3タップのみ(テキストのコピーや、アプリの切り替え無し)で

Amazonアソシエイトのリンクをツイートするブックマークレットと、

PCのSafari or Chromeからは2タップのみで同様のツイートをする

ブックマークレットを作りましたので公開したいと思います。

 

ブックマークレット

ブックマークレットの登録の仕方は下記を参考にすると良いかと思います。

 

ブックマークレットのコードとして、

下記のjavascriptコードを使って下さい。

  • iPhoneの場合 (iOS Safari)
javascript:(function(){if(location.href.search(/[^0-9A-Z]([B0-9][0-9A-Z]{9})([^0-9A-Z]|$)/)!=-1){u='http://www.amazon.co.jp/o/ASIN/'+RegExp.$1+'/asakai-22';location='twitter://post?message='+encodeURIComponent(document.title)+'%20'+u;}})();
  • Mac (PC)の場合 (Chrome, Safari)
javascript:(function(){javascript:(function(){if(location.href.search(/[^0-9A-Z]([B0-9][0-9A-Z]{9})([^0-9A-Z]|$)/)!=-1){u='http://www.amazon.co.jp/o/ASIN/'+RegExp.$1+'/asakai-22';window.open('https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title+'\n'+u));}else{alert("Amazon%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%A7%E3%81%AF%E3%81%82%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93%E3%80%82")}})();})();

ブックマークレットの使い方(iPhone)

まず、Amazonで紹介したいサイトを見てる状態とします。

1タップ目 右下二番目のブックマークボタンを押す

f:id:meison_amsl:20150704110807p:plain

2タップ目 登録したブックマークレットを選ぶ

わかりやすい名前を付けて、お気に入りに入れておくとスムーズです。

一度使っておくと、二回目からは以前使ったブックマークのフォルダを

直接開いてくれるので、ブックマークフォルダの移動は不要になると思います。

f:id:meison_amsl:20150704111101p:plain

3タップ目 Tweetボタンを押す

TwitterアプリがiPhoneやMacにインストールされている場合、

自動でTwitterアプリが立ち上がり、

Amazon アソシエイトリンクと商品タイトルが挿入された状態になります。

あとは、Tweetボタンを押せばOKです。

f:id:meison_amsl:20150704111540p:plain

ブックマークレットの使い方 (Mac PC)

こちらの場合はもっと簡単で、

Amazonのページを見ている状態で、

ブックマークボタンを押すと

Web上のTweetページが開くので、

ツイートを追加して、ボタンを押すだけです。

f:id:meison_amsl:20150721142903p:plain

最後に

javascriptは簡単に日々の便利ツールが作れるので楽しいですね。

機能追加要望などはコメントか@Atsushi_twiまでお願いします。

参考資料

myenigma.hatenablog.com

myenigma.hatenablog.com

JavaScript 第6版

JavaScript 第6版

ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング (NextPublishing)

ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング (NextPublishing)