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

こんなの待ってた!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

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


  関連記事

Facebook 広告 調査データ
Facebookウォール運用を効率化するために知っておきたい5つの調査データ|広告って本当に効果あるの?ハッシュタグの効果は?

Facebookウォール運用において本当に効果があること。 「Facebookの有料広告は本当に効果があるのだろうか?」 「スポン …

thum
その手があったか!発想が参考になるFacebookプロモーション事例10選[海外編]と、企画で押さえるべき3つのポイント

海外のFacebookキャンペーン&プロモーション事例 Facebookを使ったキャンペーンやプロモ―ションに困っていませんか? …

Facebook インサイト
新しいFacebookインサイト、何が変わった?知っておきたい新機能をご紹介。

アップデートされたインサイトの中から便利な機能をご紹介! 今週7月2週目の初めごろ、私たちのラボのFacebookページインサイト …

43
ブクマ必至!社内にFacebookページ費用を通す時に使える7つの調査結果(態度変容etc)

Facebookページを始めるとどんな効果があるの? 皆さんもそういった質問を良くされるのではないでしょうか。 また、Facebo …

【Facebook】これから重要になる『新エンゲージメント率』とは?注目すべき数値はファン数からリーチ数・クリック数へ。

これから追いかけて行きたい新しい指標です。 企業のFacebookページ運用において、重要な指標となっているエンゲージメント率。一 …

Facebook 広告ガイド
こんなにあった!Facebook広告完全ガイド~ノーマル広告編~

沢山あるFacebook広告の種類と目的をまとめてみました。 先日、「Facebook広告・リンク投稿の画像表示を最適化!画像を大 …

Facebookカメラ日本語版
遂に日本上陸!Facebook公式のiPhone写真アプリ「Facebookカメラ」の使い方を爆速レビュー

日本にも「Facebookカメラ」が登場!その使い方を「爆速」でご紹介 つ、ついに! 日本でも「Facebookカメラ」が利用出来 …

top
Facebookアプリを作る時にお手本にしたい35個の事例、総まとめ(診断・検定アプリ編)

Facebookで診断アプリ・検定アプリを作る時はこれを参考に! Facebookで診断アプリをやりたいんだけど、どんな企画が良い …

thum
Twitterプロモ商品の案内ページ など|今週これだけは押さえておきたい!ソーシャルメディア関連記事まとめ [2012年2月第2週]

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

Facebook プロモーション
キャンペーン企画に行き詰まった時に刺激を貰える、海外Fbキャンペーン事例8選+国内事例2選まとめ

発想が参考になるユニークなコンテンツ事例をご紹介 smile / InfoMofo 目新しいキャンペーン、やりたくないですか? こ …

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

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