SNSへの共有が楽になるブックマークレット集 for iPhone - LINE Pinterest Twitter etc...


20121104004414


iPhoneSafariでWebブラウズしていると、誰かと共有したい記事や画像を見つける事がある。画像なら最近はPinterestに投稿しているが、その手順が面倒だった。リンクをコピーする → SafariPinterestを開く → Add + をタップする → リンクをペーストする...

もっと簡単な方法はないか。そう思って探したのが今回紹介するブックマークレットiOSTwitterFacebookへの共有を標準でサポートしているが、記事のタイトルが投稿できないのでブックマークレットのほうがいい。

LINE

こちらで紹介されていたブックーマークレットを使うと、記事のタイトルとURLが入力された状態でLINEのアプリが起動する。

javascript:location.href=('http://line.naver.jp/msg/text/'+encodeURIComponent(document.title+' '+location.href));


20121104084200 20121104084159

Pinterest

オフィシャルサイトブックマークレットが公開されている。モバイルページではないので、投稿画面が横にハミ出るのが難点だが、ワンボタンで画像選択の画面までジャンプするので便利だ。

javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://passets-cdn.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());

Twitter

iPhoneSafariでこのブックマークレットを使うと、記事タイトルとURLが入力された状態でツイートする事ができる。

javascript:(function()%7Bwindow.twttr=window.twttr%7C%7C%7B%7D;var%20D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C%3EA)%7BG=Math.round((C/2)-(A/2))%7Dwindow.twttr.shareWin=window.open('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')%5B0%5D.appendChild(E)%7D());

Facebook

Twitterと同じく、記事タイトルとURLが入力された状態でシェアする事ができる。

javascript:var%20d=document,f='http://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1340370974&u='+e(l.href)+'&t='+e(d.title);1;try{if%20(!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z)%20{a=function()%20{if%20(!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p};if%20(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)

Tumblr

こちらで紹介されていたブックマークレットを使うと、記事タイトルとURLが入力された状態でTumblrの投稿画面が表示される。「画像」のタブに切り替えれば、ウインドウを下にスクロールして投稿したい画像を選ぶ事ができる。

javascript:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://www.tumblr.com/share',l=d.location,e=encodeURIComponent,p='?v=3&u='+e(l.href)%20+'&t='+e(d.title)%20+'&s='+e(s),u=f+p;try%7Bif(!/%5E(.*%5C.)?tumblr%5B%5E.%5D*%24/.test(l.host))throw(0);tstbklt();%7Dcatch(z)%7Ba%20=function()%7Bif(!w.open(u,'t','toolbar=0,resizable=0,status=1,width=450,height=430'))l.href=u;%7D;if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();%7Dvoid(0)

Google+

Google+を忘れていたので追記。こちらのブックマークレットは、タイトルとリンクに加えてサムネイル画像も取得する。

javascript:location.href='https://plus.google.com/share?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)


iPhoneSafariブックマークレットを登録する方法は、まず最初に今見ているこのページをブックマークして、名前を「LINE」や「Pinterest」に変更して保存する。次にブックマークを編集モードにして、アドレスの欄を上の「javascript〜」で始まるコードに置き換えて保存する。これで共有したいページを開いてブックマークレットを起動すれば、それぞれのSNSの投稿画面が表示される。


20121104084157 20121104084158


これでまた一つ、iPhoneが快適になった。


関連記事