ホーム> ブログ > 雑学 > サイトにfacebook ファンページのいいね!ボタンを設置する


こんにちは、足立です。
最近、ブログやホームページなどでfacebookのいいね!ボタンを見かけます。どうやってサイトに設置しているのでしょう?
今日はホームページにfacebook ファンページのいいね!ボタンを設置する方法について書きます。



facebook内にあるa-blog cmsのページ

facebook内にあるa-blog cmsのページ


ソースを生成!

Facebook開発者「Like Box 」からソースを生成できるようです。
http://developers.facebook.com/docs/reference/plugins/like-box/


Like Boxページ

Like Boxページ


好きなサイズ、表示方法に設定


  • 背景色
  • 顔アイコンの表示/非表示
  • 最新情報の表示/非表示
  • 上部のfacebookロゴの表示/非表示

いくつか任意の設定に決めることができます。右にはプレビューでみることができるので便利です。顔アイコンはランダムで表示されるようです。
最後に「Get Code」ボタンを押すとソースが生成されます。


ソース生成

ソース生成


生成されたソースをホームページやブログのHTMLに貼れば、facebook ファンページのいいね!ボタンを設置できました。

備考

高さの設定は項目に無かったのですが、ソースを直接触れば、高さも変えれそうです。
私は生成されたソースのheight:427px の部分を少し調整してみました。



関連タグ:facebook 


全5件中 1件〜5件を表示

Re:サイトにfacebook ファンページのいいね!ボタンを設置する

返信

生成されたソースをホームページやブログのHTMLに貼るというのがどこを指しているのかがわかりません。初心者なので教えていただければ助かります。

Tamego 2012年02月13日 00時11分02秒 ( 月 )

Re:サイトにfacebook ファンページのいいね!ボタンを設置する

返信

はじめまして!
これ、どうやったらできるのかなぁ?と随分長いこと頭の中にあったのですが、出来ました!
ちょっと感激しています!
ありがとうございました!

やまもとさちよ 2011年12月22日 15時01分57秒 ( 木 )

Re:Re:サイトにfacebook ファンページのいいね!ボタンを設置する

返信

やまもとさちよ様

この記事がお役に立てて光栄です!

足立 2012年01月05日 18時40分25秒 ( 木 )

Re:サイトにfacebook ファンページのいいね!ボタンを設置する

返信

はじめまして。
最近facebookをはじめてfacebookページも自己流で作ったんですが、ブログへの設置方法が分からなかったんですよね!
そこへアップルップさんの記事を発見して実行してみたら、簡単に出来てしまいました。少しづつキャリアアップしてネットで色んな事が出来るように頑張っています。ホント助かりました。ありがとうございます。

阿須間 2011年06月16日 15時35分47秒 ( 木 )

Re:Re:サイトにfacebook ファンページのいいね!ボタンを設置する

返信

阿須間様
この記事がお役に立てて良かったです!

足立 2011年08月29日 10時37分57秒 ( 月 )

投稿

名前
 
メールアドレス
 
URL
 
タイトル
コメント
パスワード
Cookieに保存

URL

最近の記事

カテゴリー

最近のコメント

キーワード

有限会社アップルップル

〒460-0003

愛知県名古屋市中区錦2-8-11
セイノー伏見ビル6F [地図]

Tel:
052-221-7300
Fax:
052-221-7310

  • スタッフ募集中!
  • a-blog cms - Web制作者のためのCMS
  • Web Creators Association Nagoya