最近、身近に
Facebook(フェイスブック)
を利用される方が増えてきました。
Facebook
とは日本ではまだユーザ数は少ないですが世界最大の
SNS(Social Networking Service:ソーシャルネットワーキングサービス)
です。
日本で代表的な
SNS
は
mixi(ミクシィ)
になりますね。
Facebook
で有名な機能が
いいね!
ボタンです。
これの設置されたホームページでこのボタンを押せば、
Facebook
と連絡して自分がそのホームページに対して好意的であることを示せる、
という機能です。
この機能で
Facebook
の友達に良い情報が有ったことを知らせることが出来るのですね。
そうとなれば自分のブログにもこの
いいね!
ボタンを設置してみたくなるのが人情と言うもの、
早速やってみましょう。
Facebook
から2010年11月現在与えられているのは以下の呪文(HTMLコード)です。
<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
これをブログであればテンプレートに書き込めば良い訳です。
但し、上のままでは自分のブログに
いいね!
と言ってもらうことにはなりません。
自分のブログであることを
Facebook
に知らせる必要があり、それには呪文中の赤字の部分を
自分のブログ用に書き換える必要があります。
例えば本ブログ
HamaZoランクチェック!Blog
(※)
用には
rank.hamazo.tv
(※)
と書き換えることになります。
またまた但し、
このままでは折角
いいね!
と言ってもらってもブログ全体への評価になってしまいます。
出来たらどの記事に好意を示して貰ったか知りたいですよね。
実ははまぞうブログではこれを実現することが出来ます。
はまぞうブログでは各記事ごとに固有の数字が振られています。
これを目印にプログラムがデータベースに保存したブログ記事を読み出して表示しているのですが、
テンプレートの中でこの固有の数字を示すことを表現することが出来るのです。
それが
<%EntryId%>
と言う呪文になります。
従って記事毎に
いいね!
ボタンを表示するには、ブログの表示したい位置に
<iframe src="http://www.facebook.com/widgets/like.php?href=http://*****.hamazo.tv/e<%EntryId%>.html"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
と、ホームページであることを示す
e
と
.html
を補完してブログテンプレートに書き込めば良い事になります。
この時*****の部分は貴方のブログID
(
ブログIDって何?)
に変える様にご注意下さい。
設置してみて実際に
いいね!
ボタンを押してみて
Facebook
に反映されていれば設置完了です。
Facebook
とはまぞうブログとの連携をお楽しみ下さい。
そして宜しければこの記事の
いいね!
ボタンのクリックをお願いします(笑)。
※ 現在では
HamaZoランクチェック!Blog
は本ブログ(
Acenumber Technical Issues
)に統一しました。