diwao日記

iPhone,iPad,Mac好きな仙台人のブログ

メニュー

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からの情報読み込みに負荷がかかっているんでしょうか。まあ大して気にするほどでもなさそうです。

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

参考リンク

  • このエントリーをはてなブックマークに追加

スポンサードリンク

関連記事

  1. fb_ogp_add
  2. diwao
  3. default
  4. iddy
  5. wordpress_htmltag_in_entory
  1. マツオ 2012.06.04 1:53pm

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

    • 0
    • 0
    • diwao 2012.06.17 9:07am

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

      • 0
      • 0
  2. ぼんじん 2013.02.27 12:21am

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

    • 0
    • 0
    • diwao 2013.03.11 1:01pm

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

      • 0
      • 0

HTMLタグはご利用いただけません。

広告

アーカイブ