Like Button

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

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

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

例:リーバイス501

こんな風に作ります。

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

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



<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_USja_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などのスクリプトを使わないと無理です。

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

Follow me!

(Visited 11 times, 1 visits today)

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください