ファンページ「いいね！ボックス」の作り方【Facebookページの作り方03】

1年以上前の記事です。内容が古い可能性があります。

賛否両論あるみたいですが先日、実名以外のアカウントを凍結したようにfacebookをやっている方たちは基本、実名オープンな方たちと思われるので、当ブログにファンページの「いいね！ボックス」（Like Box）を配置することにしました。
右メニュー下の方に常設しておきますので、当ブログのファンのかたは是非、「いいね！」をしていってください。
ただし、一定時間自分の顔アイコンが表示されますのでそういうのはちょっと困るという方は影で見守っていてもらえればOKです。

ここにも貼っておきます。

1. 左メニュー下「RSS Graffiti」や「ノート」の近くに「広告とfacebookページ」というのがあるのでそこをクリック。
2. 該当のfacebookページ（旧ファンページ）のタイトルをクリック。
3. 左メニューより「利用開始」をクリック。
4. 一番下「「いいね！」ボックスを追加」をクリック。
   
5. ここで簡単に「いいね！ボックス」のソースが取得できます。
   一番上「Facebook Page URL」にfacebookページ（ファンページ）のURLを入れ、
   「width」に横幅をピクセル数で入力。
   あとは表示させる項目のみチェックをいれて「Get Code」をクリックです。
   右に表示されるレビューを見ながら作りましょう。
   
6. こんなソースができました。実はこのソースにはちょこっと問題があります。
   <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F%25E3%2581%25A1%25E3%2581%25BB%25E3%2581%25A1%25E3%2582%2585%25E3%2581%2586%2F206104872737076&amp;width=220&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=true&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:62px;" allowTransparency="true"></iframe>

   赤文字になっている部分（縦幅）が狭すぎるんです。これを適当な数値に変更しましょう。

   <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F%25E3%2581%25A1%25E3%2581%25BB%25E3%2581%25A1%25E3%2582%2585%25E3%2581%2586%2F206104872737076&amp;width=220&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=true&amp;height=300" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:300px;" allowTransparency="true"></iframe>
7. 最後にできたソースをブログやホームページに埋め込みます。以下はライブドアブログの場合。
   

以上です。

ちょっと前はいろんなブログで見かけていたのですがもう、既に取り外しちゃっているところが結構ありますね。
やっぱり、実名が日本ではネックになってきちゃっているのかもしれません。

僕も様子を見てあまりファンが増えないようだったら取り外すことも考えたほうがいいのかなぁ。。
と、付けたばかりなのに思ってしまいました。

【6/22追記】
ある程度日が経つと上記メニューが無くなってしまうので直接「いいね！ボックス」のつくれるページへのリンクを入れておきます。
□ Like Box – Facebook開発者