FaceBookのページ用のLike Boxを作成する方法

FaceBookのページ用のLike Boxを作成する方法
このエントリーをはてなブックマークに追加
PR

Facebookのデベロッパーでライクボタンやいいねボタン等を作ることが出来ます
Facebookのページ用のライクボックスもここで作ることが出来ます

 

facebook developers Like Box 作成ページ

https://developers.facebook.com/docs/plugins/like-box-for-pages/

こちらへアクセスすると、作成画面になります。
必要な情報はライクボックスに表示したいfacebookページのアドレスです

FaceBookのページ用のLike Boxを作成する方法 (2)

Facebook Page URL にはフェイスブックページのアドレスを
Width にはピクセル単位で横幅を
Height にはピクセル単位で高さを
Color Scheme ではデザインを選びます

Show Friend’s Faces でライクしてくらた方の顔写真が表示されます
Show Header で、Facebookもチェックっていう文字が表示されます
Show Posts でフェイスブックページに投稿されたものが表示されます
Show Border で枠線が表示されます

デザインは、下のプレビューで見れます

FaceBookのページ用のLike Boxを作成する方法 (3)

編集するとすぐに反映されるので、これで良ければ Get Code から貼り付けるためのコードを取得します

 

取得するコードはIFRAMEが楽で簡単です
HTML5だと2つにコードが分かれてるので、少しだけ手間です
あと、もちろんのことフェイスブックアカウントが必要です。

FaceBookのページ用のLike Boxを作成する方法 (1)

 

 

実際に設置したものはこんな感じです
このサイトも設置したばかりなので、まだだれにもLikeしてもらえてませんが
よかったら、Likeしてくださいね!

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)