話題のナレッジベース | Knowledge Base Weblogs space
HOMEBlogs index Blog/ブログ >> space
space space
space
space
space
space
May 3, 2010 space
   space
space

Facebook Like「いいね」ボタンを早速ブログに…!

space

日本ではいまいち人気のなり Facebook ですが、主に海外…英語圏では Google をも抜くほどのPVを誇る Facebook の人気?利用が多いサービス、というぐらいの大規模なサービスに成長しているのです。検索よりも多いってどの位の?約全世界の4億人以上が利用しているといわれるのがFacebookなのです。
 

facebook_like01.jpg

 

space

 
* 全世界の4億人以上のアクティブユーザーの 50%はいつもログオンしている
* 平均的なユーザーは130人のフレンドを持ち、13のグループ(コミュニティ)のメンバーに登録している
* 毎週50億のコンテンツ(リンク、ニュース、ブログ投稿、ノート、写真など)が共有されている
* 平均的なユーザーは毎月4つの企業や友人のページなどのファンになる

だそうです。
 
 この人気の Facebook が、deli.cio.us などで有名となった ソーシャル関連プラグインを導入してきました。この Facebook のソーシャルブックマークは、Facebookのソーシャルプラグインで提供されています。一番最初に出てくるLikeボタン、日本のウェブで言うWeb拍手や、はてなブックマークよりは、はてなスターのようなものですが、ReadWriteWebを読んでいると、早速記事の最後につけられていて、Facebookユーザーのアイコンつきの「イイネ!」が表示されていました。ちゃんと日本語で表示されています。
 
 LikeボタンとShareボタンの違い
 
 公開された Facebook Like(いいね!)ボタンと元からあった Facebook share(シェア)ボタンのどこが違うか解説したページがありました→Facebook Like Button Vs. Facebook Share: Why I’m Keeping Both(FacebookのLikeボタンVS. FacebookのShareボタン:なぜ両方付けることにしたか)。
 
この記事によると、LikeボタンとShareボタンでは、主に1) 自分のページにできるリンクの画像の有り無し、2)コメント、3) Friendsへの通知、の点で違いがあるようです。
 
 Like ボタンは
 
* 自分のページに画像なしのリンクが出来る
* コメントなし
* Friendsへの通知が行われない
 
一方、Shareボタンは、
 
* 自分のページに画像ありのリンクが出来る
* リンクにコメントを付けられる
* Friendsへ通知が行われる
 
となります。
 
実際に試してみて自分のページを見てみると、Likeボタンを押したものは、下のようにシンプルなリンクが貼られています。Shareボタンはページのコメントとページ画像、ページ概要を見ることができます。また、Shareボタンの方ではその記事に対してコメントや Like、Shareができます。
 
このサイトも海外からの方がアクセスしていただいているので、この Likeボタン を付けてみようかと。このページへの埋め込みコードを作ってみました。
 
Likeボタンイイネと言ってもらいたいURLを最初のボックスに入れて、幅・フォント・色等は好みの調整なのでデフォルトでも。"Get Code"ボタンを押すと、埋め込みのHTMLコードが表示されます。
 
 こんな感じのコードが取れました。

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.yamaguchi.net%2Farchives%2F006931.html&layout=button_count&show_faces=true&width=75&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:75px; height:px"></iframe>

ここでは、固定のURLを入れただけなので、これを貼って出てくるのは「ココのサイトが好きだ」というブログのトップを指すLikeボタンになってしまいます。ブログの個別記事ごとに Like してもらうボタンを置くには、上記のエンコードされたURLの部分を、記事のURLに差し替えればいいわけです。
 

<iframe src="http://www.facebook.com/plugins/like.php?href=<$MTEntryPermalink$>&layout=button_count&show_faces=true&width=75&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:75px; height:21px"></iframe>

 
URLのところを、自分の記事のURLを取る関数を読んで(、あとURLエンコードして)いるだけです。
 
数年前までは、グーグルの検索上位に掲載されるためにSEOがどのサイトでも必修と言われ、多くの企業がSEOを事業として成り立つまでに成長しましたが、しかし、今後はフェースブック向けの最適化が、サイトの運命を左右するほどのSEOに変わって重要な指標となるかもしれませんね。
 
Facebook「いいね」ボタン
 

space
HOMENews BlogsBlog/ブログ | May 3, 2010 |  twitter Livedoor Buzzurl はてな Yahoo!ブックマーク人が登録
space


space Entries of this Category
space

  Next >> エヴァ第2作「ヱヴァンゲリヲン新劇場版:破」予約だけで80万枚超! >> 

人気アニメ「新世紀エヴァンゲリオン」の新劇場版シリーズ第2作「ヱヴァンゲリヲン新劇場版:破」(昨年9月公開)のDVD& Blu-rayが、5月26日の発売開始されますが、その発...»この話題を見る…


  Previous << RIM新OS「BlackBerry 6.0」発表 期待の新STORMが秋に登場か!? << 

Research in Motion(RIM)が、自社開催のWireless Enterprise Symposium(WES)2010で米国時間4月27日正式に、同社共同最高... »この話題を見る…


space
space
Welcome to knowledgeBase  Blogs  ▲TOP