Ｌｉｋｅ Ｂｏｘの作り方紹介！ 知らない人だけ損をする！
せっかくブログを作ったのでできることは何でも試してみよう！
ということでずっとやってきてましたが
最近ＦａｃｅＢｏｏｋのＬｉｋｅ Ｂｏｘのほうを
設置してみようと試してみました！
設置法を紹介されているサイトを見ても
あれ？うまくいかないぞ？？
ということで、いろいろとすったもんだの末
やっとのことで成功しました！（笑
自分でやっておいてなんですが、
忘れたら困るということもあり、
調べて便利だったテクニックなど
記事にまとめて紹介します！！
関連記事：
FaceBookページの作り方！ webページやブログを集中アピール！
Ｌｉｋｅ Ｂｏｘの作り方紹介！ 知らない人だけ損をする！
Ｌｉｋｅ Ｂｏｘとはなんだろう？
そう思う方が大半と思います。
Ｌｉｋｅ Ｂｏｘってどんなもの？
ブログを見るとこのような物
よく見かけますよね？
これがＬｉｋｅ Ｂｏｘと呼ばれるＢｏｘです。
こちらのＬｉｋｅ Ｂｏｘをブログに配置しておくと、
ブログを見て気に入ってくれた方から気軽に
いいね！ボタンを押してもらえます。
このツール、Ｌｉｋｅ Ｂｏｘのすごいところは、
人気が出そうな内容の記事を書いておくと
ＦａｃｅＢｏｏｋの知り合いが増えていきます。
では実際どうやって作るの？
Ｌｉｋｅ Ｂｏｘの作り方とは！？
まずはじめに必要なものですが、
ＦａｃｅＢｏｏｋのアカウントが必須になります。
もしも持っていない場合はこちらからどうぞ！
それでは準備も整ったと思いますので
実際にＬｉｋｅ Ｂｏｘを作っていきましょう！！
まずブログに配置するＬｉｋｅ Ｂｏｘ用の
設定値が必要になります下記リンクより
作成していきますね！
このようなページが開いたと思います。
その中で必要なのはこちら、下記の項目です。
とりあえずさらっと概要を説明すると・・・
まず、Facebook Page URL
こちらにはFace BookのURLを貼り付けます。
次に、Widthでは横の、Heightでは縦の
それぞれ長さを決めることができます。
Color Schemeでは
Ｌｉｋｅ Ｂｏｘの背景を設定します。
それではFacebook Page URLから
順を追って説明しますね！！
まずFacebook Page URLの
入力内容ですが、よく書かれる説明では
Face BookのメインページのＵＲＬを
Facebook Page URLへ入力します
ということがかかれ、
「一般設定にある、ユーザーネームもしくは
ユニークＵＲＬを作ってください。」
といった説明がされますが、
プライベートアカウントでの設定では
Ｌｉｋｅ Ｂｏｘは作れません！
ですので、もしそのような説明がされていた場合
その内容は誤りです。
いつまでたってもＬｉｋｅ Ｂｏｘが
表示がされることはありません。
ここで必要なのは
Ｆａｃｅ ＢｏｏｋページのＵＲＬになります。
Ｆａｃｅ Ｂｏｏｋページの作り方は
後日詳細なものを用意します。
Ｆａｃｅ Ｂｏｏｋページの作り方
紹介ページできました！
次にＷｉｄｔｈとＨｅｉｇｈｔですが、
とりあえず空白でも大丈夫です。
というよりもサイズの大きさは
おおむね２００から３００ぐらいでいいと思います。
もし失敗しても後からでも変更は可能です。
最後にColor Schemeですが、
よほどのことがなければ変えないほうが無難です。
と、ここまでが終わればこちらのボタン
左下に赤く囲われた青いボタンを押すと
このような画面が表示されます。
こちらの文字列がブログに表示される
ＬｉｋｅＢｏｘのデータとなります！
表示が出れば、同じく赤く囲われている箇所を
クリックし、文字が選択されたところで右クリックで
コピーしてください。
できればメモ帳などに一度貼り付けておいて
いつでも見れるようにしておくほうが
いいかもしれません。
後はブログの表示させたい箇所へと
先ほどの文字データを貼り付ければ終わりです。
もしも表示速度を早くしたい場合は
こちらの記述でＬｉｋｅ Ｂｏｘの表示を
意図的に遅くし、処理速度を上げます。
<div class=”fb-like-box-placeholder” data-href=”グループＵＲＬを貼り付け” data-height=”300″ data-width=”300″ data-colorscheme=”light” data-show-faces=”true” data-header=”true” data-stream=”false” data-show-border=”true”></div>
<script>
(function($){$(document).ready(function(){
setTimeout(function(){
$(‘.fb-like-box-placeholder’).each(function(){
$(this).addClass(‘fb-like-box’);
$(this).removeClass(‘fb-like-box-placeholder’);
});
FB.XFBML.parse();
}, 4000);
})})(jQuery)
新着のフィードがタイムラインで取得できますので、
是非【いいね！】をお願い致します！
