Like Button

Like Buttonです。
Facebookのソーシャルプラグインの中で最も使う物です。

これのURLがリンク先となります。

たとえば商品ページのURLを張ると言った感じです。
その商品ページそのものに「いいね！」ボタンを付ける場合以外でも商品一覧につける場合でもOKです。

例：リーバイス５０１

こんな風に作ります。

この画面から作成します。

今回は一番上のリンクはこのブログのTOPにしてみました。 幅を４５０から５００に変更しました。 他はデフォルトのままです。



<div id=”fb-root”></div>
<script src=”http://connect.facebook.net/en_US/all.js#appId=124357830980896&amp;xfbml=1″>
</script>
<fb:like href=”http://www.gainjapan.com/blog/” send=”true” width=”500″ show_faces=”true” font=””>
</fb:like>

ここで日本語に変更するならeu_USをja_JPに変更します。

他のオプション
URLについて　href=”ここにURLを書く”

このURLがFacebook上に紹介されるURLです。

sendボタン　send=”true”　これでON　send=”false”　これでOFF
顔アイコン　show_faces=”true”　これれON　show_faces=”false”　これでOFF
プラグインの幅　width=”ここを変える”　

上の設定で普通に作ったのがこれです。

button_count　を選ぶとこんな感じ。

box_count　を選ぶとこんな感じ。

いろいろ試していくとわかりますが、最大の問題点はURLの部分です。
ブログなどではこの方法だと書く記事毎のURLが入りません。
ここはjavaなどのスクリプトを使わないと無理です。

その辺りはおいおいに････