徒然なるままにネタ帳！: こんなの待ってた！PC・iPhoneで開いたサイトでFacebookシェアをさくっと行う方法

2012年5月27日日曜日

こんなの待ってた！PC・iPhoneで開いたサイトでFacebookシェアをさくっと行う方法｜こんなに簡単にシェアできるなんて！

gaiax-socialmedialab.jp | Nov 30th -0001

iPhone、Chrome、Firefoxで開いたサイトをFacebookでシェアするならこの方法で！

皆さんは、こんな事思ったことはないですか？

『この記事、Facebookでシェアしたい！
　なのに、なんでこのサイト、シェアボタン付いて無いんだろう。。』

最近でこそ、サイトにFacebook「いいね！」ボタンを付けているサイトも増えてきましたが、それでも、「シェア」ボタンを付けているサイトは少ないです。

今回は、そんな悩みを解決するために、Facebook「シェア」ボタンが付いていないサイトでも、簡単にPC・iPhoneでシェアする方法をご紹介します。

意外とまだこの方法をご存知ない方も多いのではないでしょうか？

１．PCのシェアはこの拡張機能で！

Chromeなら「Facebook Share Button」を使う！

Chromeを使っている方は、「Facebook Share Button」という拡張機能を使いましょう。

この拡張機能を利用すれば、いま見ているページを簡単にFacebookにシェアできます。

▼こういった具合で簡単にシェアできます。

インストール手順は簡単で、Chrome web storeの『Facebook Share Button』に行って、『ADD TO CHROME』ボタンをクリックするだけです。

▼「Facebook Share Button」の拡張機能、設置の流れ

FireFoxなら「Shareaholic」を使う！

FireFoxをお使いの方は、「Shareaholic」という拡張機能を使いましょう。

この拡張機能を利用すれば、いま見ているページをFireFoxでも簡単にFacebookにシェアできます。

▼こういった具合で簡単にシェアできます。

※また、以下のようにシェアしたい画面で右クリックしても、シェアできます。

インストール手順は簡単で、Mozillaの『Shareaholic』に行って、『Add TO Firefox』ボタンをクリックするだけです。

▼「Shareaholic」の拡張機能、設置の流れ

２．iPhoneでシェアしたい時はこのブックマークレットで！

iPhoneでsafariでブラウジングしていた時もシェアに困ります。シェアボタンを付けてくれているサイトって本当に少ないですからね。。

そんな時に役立つのがこのブックマークレットです。

▼こういった具合で簡単にシェアできます。

設定方法は、『iPhoneで簡単にFacebookのシェア機能を使う方法』の記事でも書かれていますが、本記事で改めてご紹介します。

設定の流れ1：適当なページをブックマーク

まず最初に、なんでも良いので適当なページをブックマークします。

設定の流れ2：ブックマークレット用のコードをコピー

「流れ1」で登録したブックマークに「Facebookでシェア」用のコードを上書きします。そのために、まずは以下のコードをiPhoneでコピーします。

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