FacebookのLike Boxをブログに設置してみよう!

LikeBOX

先日ファンページ作ったので色々試している一環で、ブログにLike Boxを設置してみました。

設置の過程で一部迷ったところがあったので、備忘録もかねて設置方法を記載しておきます。

Like Boxとは

一言でいうとファンページを宣伝するブログパーツ、みたいなものでしょうか。

サイズや内容はある程度カスタマイズが可能で、Webページに埋め込んで表示することができます。Webサイトやブログのサイドバーや記事の最後に設置している方が多いようです。

設置方法

  1. 自分が管理しているファンページを開き、「利用開始」タブ内の「いいね!ボックスを追加」ボタンをクリックします。もしくは直接このURLにアクセスして、Like Box作成画面を開きます。
    いいね!ボックスを追加
  2. ファンページのURLをコピペします。URLは必ず数字の羅列まで含めて入れましょう。具体的には「http://www.facebook.com/pages/ファンページのアドレス/数字の羅列」となります。数字のあとに余計な文字が入っていると正しく表示されないのでご注意を。私はこの部分が一番つまづきました。。。
  3. BOXのサイズや表示内容の設定を行い。「Get Code」をクリック。
    LikeBox設定
  4. 表示されたコードをコピーして、希望の場所にコピペします。私の場合はサイドバーへの設置だったので、Movable Typeのウィジェットに追加するようにしました。
  5. 追加ができたら実際ブログにアクセスして表示を確認しましょう。ちゃんとファンページの情報が表示されていれば成功です。
    サイトで確認

おわりに

LikeBOXの設置後、サイトの表示が若干重くなった気がします。Facebookからの情報読み込みに負荷がかかっているんでしょうか。まあ大して気にするほどでもなさそうです。

設置方法自体は簡単なので、ファンページとブログを持っている方は試してみてはいかがでしょうか。

参考リンク

Pocket

スポンサードリンク

よかったらRSSの登録お願いします∠( 'A')/< イエェーガァー!)

RSS

2011-01-25 | Posted in Blog4 Comments » 

関連記事

コメント4件

 マツオ | 2012.06.04 13:53

他のサイトを参考にしてやっても顔アイコンが出ず困っていたのですが、こちらの手順通りやったら無事にLikeboxを作ることができました!ありがとうございます!

 diwao | 2012.06.17 9:07

>マツオさん
コメントありがとうございます!
お役に立てて良かったです(´v`)
今後ともよろしくお願いします!

 ぼんじん | 2013.02.27 0:21

何も表示されないで真っ白になります…。
facebook側で何か設定が必要なのでしょうか?

 diwao | 2013.03.11 13:01

>ぼんじんさん
むむむ、真っ白ですか。。。
記事書いた時とFacebookも仕様が変わっているのでなんとも言えないのですが、
貼り付けるコードの形式をIFRAMEにしてみるとかで解決できないでしょうか?

Comment





Comment



post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)