シェアボタンつけました

|

世界最大のSNS(ソーシャル・ネットワーキング・サービス) であるfacebook。
ここアメリカでは、あなたも?あなたも?えっ、あなたも?というぐらい誰もが利用しているメジャーなものです。
そして、日本でも利用者が急増していると言われています。

今回、そのfacebookのシェアする機能のボタン「Share(シェア)ボタン」をブログにつけてみました。

facebookのシェアボタンを付けると、どうなるのでしょうか?

ページに付いたfacebookのシェアボタンがクリックされると、クリックした人のfacebookにそのページ(記事)が投稿されます。その際にクリックした人がコメントを入れることもできます。シェアしたページに写真があれば、自動的にサムネイルも作って入れてくれます。
そして、それはシェアしてくれた人の友達にニュースフィードされ、その人たちにも広まるという訳です。

たくさんの人に情報を知ってもらいたい時に利用したいひとつの方法ですね。

 

そこで、シェアボタンの付け方です。

facebookのシェアのページにいくとコードを作ってくれます。

facebook シェア
http://www.facebook.com/share/

ですが、ご参考のためにボタンの種類とコードをご紹介します。

 

 ボタンで横にカウンタが付くタイプ
facebookシェアボタン カウンタ横

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">シェア</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

 

 ボタンで上にカウンタが付くタイプ
facebookシェアボタン カウンタ上

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">シェア</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

 

 ボタンでカウンタなしタイプ
facebookシェアボタン

 <a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">シェア</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

 

 「シェア」という文字にリンクが付くタイプ
facebookシェアボタン リンク

 <a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">シェア</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

 

これらのコードをページに付けることで、そのページをシェアしてくれます。

また、コードを付けるページそのものをシェアするのではなく、シェアするものとして別のサイトやページを指定することもできます。

facebookのシェアのページでコードを作る場合には、シェアするリンクを「カスタムURL」にして、そのURLを入れます。すると、そこで指定したサイトやページをシェアできます。

ご参考までに、カウンタ付きのボタンタイプの場合のコードです。
share_url= というのが追加されました。その部分に指定したいURLを入れます。

<a name="fb_share" type="button_count" share_url="http://www.xxxxx.com" href="http://www.facebook.com/sharer.php">シェア</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
 

これを利用して、MTの当ブログにアップされた記事ごとに自動でシェアボタンが付くようにテンプレートに組み込みました。

<a name="fb_share" type="button_count" share_url="<$MTEntryPermalink$>" href="http://www.facebook.com/sharer.php">シェア</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

 

ぜひ、付けてみてください。
自分のサイトやページにコードを貼り付けるだけなので、結構簡単ですね。