ガイアックスソーシャルメディアラボのブログ

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

   


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


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

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

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


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

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


ラボのFacebookページでは記事で書いていない情報も発信中!
よかったら記事を読む前に「いいね!」をお願いします!

  

1.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」の拡張機能、設置の流れ

2.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)

設定の流れ3:ブックマークを編集(その1)

まずは、「ブックマーク」編集画面から「ブックマーク名」を分かりやすいものに修正します。(ここでは、「Facebookでシェアする」という名称にしています。)


 ↓画面は変えず、そのまま「流れ4」に進んで下さい。

設定の流れ4:ブックマークを編集(その2)

次に、ブックマーク名の下の「アドレス」を変更します。このアドレス部分に、先程コピーしたコードをペーストして下さい。



以上で設定は完了です。

iPhoneでこの方法でシェアすると、シェア画面が別タブで開く事になります。もし8タブ開いた状態でシェアしたい場合は気をつけて下さい。(他のタブが消されてしまいます。)


以上、『こんなの待ってた!PC・iPhoneでFacebookシェアをさくっと行う方法|開いたサイトをこんなに簡単にシェアできるなんて!』でした。

(執筆/編集 井出一誠:Facebooktwitter

今回の記事はお役に立てましたでしょうか?もし気に入って頂けたら、こちらからお友達におススメして頂けると嬉しいです↓



  関連記事

「非公開」の投稿広告「UPPA」とは?UPPAから見るFacebookページ運用の新しいあり方。

■タイムラインに表示されない広告「UPPA」に、SNS運用のあり方を見る。 一般的にFacebook広告というと、投稿のリーチをフ …

sum
FacebookとIPO–予測される時価総額に見合う3つの理由 など|今週これだけは押さえておきたい!ソーシャルメディア関連記事まとめ [2012年2月第1週]

毎日ニュースはチェック出来ていますか? 忙しくてニュースを見れていない方も多いかと思いますので、今週の「これだけは押さえておきたい …

有料化したFacebookクーポンの発行方法(2012年9月最新版)、TOP画像
【初回無料】広告メニュー化したFacebookクーポンの発行方法、詳細まとめ(2012年9月最新版)

『多くの企業でFacebookクーポンが発行可能に!ノーマークだった方へ旧版との4つの違いを解説』の記事で、Facebookクーポ …

wordpressでシェアされた時の画像を大きくする方法
WordPressでFacebookからのアクセス数を簡単に増やすための3つの設定手順 | シェア時の画像サイズを3倍にしよう!

Facebookにシェアされた時のリンク画像を3倍にしよう! FacebookでURLがシェアされた時の画像サイズ、 表示面積が3 …

thum
【タイムライン対応版】Facebookページを制作する時の18個の手順、総まとめ

3/31に変わったFacebookページ制作手順のまとめです! 既にFacebookページを作った人も、これから作る人も、 備忘録 …

Facebookウォール運用 調査結果
Facebookでは投稿後90分で50%の人にリーチする!関連3データと、27個の投稿TIPSのおさらい。

Basic pasta dough recipe / missy & the universe 皆さんのウォール投稿、タ …

65dfb0fc2d65cb98a1864009831bc43e
【Facebook】3分でわかる!2015年1月1日のポリシー改定で何が変わるの!?※追記あり

個人情報の公開範囲などは自分で知っておかないとダメみたいです。 11月の半ばごろでしょうか、Facebookにログインするといきな …

18
【後編】意外と知らない、Facebookを使いこなすための設定用URL29個、まとめ(No.18~29)

(Photo: The Telegraph) 皆さま、前編はいかがでしたでしょうか? 意外と知らない、Facebookを使いこなす …

16
【第2回】Facebookファンページを始める前に見たい、国内369事例まとめ – 2010年12月版

■Facebookファンページ、2010年12月6日集計のランキングを発表!! 前回6,000人以上の方にご覧頂きましたFaceb …

19
【第3回】Facebookファンページランキング、国内472事例まとめ – 2011年1月版

国内版Facebookファンページの一覧って、何でどこにも無いんだろう?? そんな思いがきっかけで、自分たちでやり始めたFaceb …

この記事は参考になりましたでしょうか?

更新の励みにもなりますので、こちらからご意見・ご感想などお聞かせ頂けると嬉しいです!