Browse > Home / service, 最新技術 / Facebook Like ボタンをブログに設置する方法 (5分で完了)

| RSSで購読する

 
2010/5/10 (月曜日)  カテゴリーservice, 最新技術

今回、twitterのアカウント上でもつぶやきましたが、
今、話題の渦中にある(やや遅?)、Facebookのlikeボタンを、サイトに設置してみました。
まだまだ日本では普及していませんが、その機能を試すには、やはり使ってみなければ分かりませんね。

ということで、今回は、簡単に設置方法を御紹介してみたいと思います。
英語だからといって、拒絶する心配は全くありませんので、参考までにどうぞ!
ブログ管理になれていましたら、ほんの5分で完了します。


 
 

5分で完了!Facebook likeボタンを設置する方法

 
 

1.とりあえず、http://developers.facebook.com にアクセス

 

2.ページ下部、下記の説明に沿って、必要情報を記入する

 

 
① likeしてもらいたいURLを記入。
 →この場合は、shinojapan.biz 自体へのlike数を計測する
 →たとえば、< ?php the_permalink() ?>などにすれば、単一記事ごとに把握も可能です
 
② button種類を二つの中から選択。右側のlikeボタンに即反映されるので、好きなほうを
 
③ チェックすると、本ウィジェットにユーザーアイコンが表示されるようになります。
 
④ 横幅の指定。短くしすぎると、バグります。単位はpixelです
  
 

 
⑤ like か recommend の好きな表記を選択。機能的には何も変わりません
 
⑥ Font を選択します。現在は6種類しか選べません
 
⑦ ダークカラーか、明るいカラーの二種類から選択します。
 
⑧ 完成!タグの出来上がりです。
 
 

 
⑨ iframeタグを、ブログ内に挿入して、即反映です。XFBMLだと、やや他の設定が面倒ですよ。
 
 

▲こんな感じで、ブログ右上に無事装着が完了しました。
 
 
まだまだ、facebook自体の普及が進んでいない為、
likeボタンのクリック数は、とても少ないと思われますが、
しかし、海外大学を卒業して帰国してきた方々らは、やはりfacebookユーザーですね。

そういった方に、少しでも気に入って頂けるよう、
サイト運営者として、facebook user 向けカスタマイズもきちんとしていきたいところですね。
 
 

developers.facebook.com

Facebook Developer用の情報ページ。likeボタン以外にも多数の情報があります


twitter4gif
コメントは、twitter@shinojapan 宛てにどうぞ!


Tags:
blog comments powered by Disqus