FacebookページのLike Box(ライクボックス)を設置する方法 | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

PCインストラクターの川上です。


このようなご質問いただきました。

いつも参考にさせていただいております。

さてFacebookのバナーですが・・・
メインページのほかに教室のをもっているのですが、サブページのバナーが作成できません。

これをするコツなどの記事があると嬉しいです。
(この↑囲み枠はこちらでタグをどうぞ→『テレビ出演情報やLIVE告知の囲み枠』)


Facebook(フェイスブック)についてのご質問ですね^^!


以前にこのアメブロのサイドバーにFacebookのバナーを設置しましょう!といった記事を書いておりまして・・・↓↓↓

Facebookバナーをブログのサイドバーに設置するには


しかし・・・

これでは設置できない・・・、とのご質問ですね!


ところで、サブページ?という表現が

私の中で、「ん?」となりましたので、実際にそのサブページのURLを教えてもらったら・・・

Facebook個人ページではなくて、Facebookページだったんですね、そのサブページって^^!


実は、Facebookには、Facebook個人ページとは別に「Facebookページ」という、(アメブロでもFacebook個人ページでも禁止されている)商用利用可能、つまりビジネスで使える機能があるのです。
(歌手の人やバンドやっている人は、個人ページ以外にFacebookページで宣伝するとよいですよ~~^^!!)


で、このサブページの場合は、Facebookバナーではなくて、

Facebookページのファンを募るために「Like Box(ライクボックス)」という、Facebook以外のサイトに貼り付けできるプラグインが利用できますので、

この「Like Box(ライクボックス)」をバナーの代わりにサイドバーに貼りつけたいと思います。

川上雄大のワンポイントレッスン!


この記事を書くために、ワタクシ・・・、Facebook個人ページ以外に、「川上雄大」というFacebookページを作りまして^^!

Facebook個人ページ↓

川上雄大のワンポイントレッスン!


Facebookページ↓

川上雄大のワンポイントレッスン!


それでは、早速やっていきましょう!

まず、FacebookページのURLをコピーしておきます。

川上雄大のワンポイントレッスン!


次に、こちらの Facebookの「Like Box」タグ作成ページ を開きます。

http://developers.facebook.com/docs/reference/plugins/like-box/


川上雄大のワンポイントレッスン!


まず、「Facebook Page URL」に、先ほどコピーしたご自分のFacebookページのURL(アドレス)をペーストします。(もちろん入力してもOKです。)

川上雄大のワンポイントレッスン!


色々とお好みに設定することができます。下に表示されているプレビューで確認をしながら、設定するとよいです。

私の場合は、
幅を240px(Width:240)にして、
4つ全部にチェック入れています。

川上雄大のワンポイントレッスン!


設定が終わったら「Get Code」ボタンをクリックします。

川上雄大のワンポイントレッスン!


すると、Like Box設置用のタグが表示されます。
(貼り付けタグは複数タイプ用意されていますが、ここではデフォルトで表示される「HTML5」タイプのタグを使用することにします。)

川上雄大のワンポイントレッスン!


ここでは、下側のコードだけ使いますので、下側のコードをコピーします。

川上雄大のワンポイントレッスン!


[マイページ]から「フリープラグイン」を表示して、ペーストします。
(フリースペースにペーストしてもOKです!)

川上雄大のワンポイントレッスン!


「保存」ボタンをクリックします。

川上雄大のワンポイントレッスン!


そして、ご自分のブログを表示して、更新(F5キー or Command+Rキー)します。


すると、このように表示されます↓↓↓

川上雄大のワンポイントレッスン!


Facebook個人ページ以外にFacebookページを作られている方は、チャレンジしてみてはいかがでしょうか?


そして・・・

なぜ、下のコードだけが必要で、上側のコードがいらないのか・・・

もっと詳しいことはこちらの方のこちらのページをご覧くださいませ↓↓↓




さらに・・・

サイドバーでなくて、記事下に毎度この「Like Box(ライクボックス)」を表示したいんです、という方は、こちらの方のこちらのページをご覧くださいませ↓↓↓





あ、最後になりましたが・・・


よろしければ、私のFacebook個人ページに友達申請またはフォローしていただければ、嬉しいです~(こちらの個人ページはパソコンとは関係ない投稿が主ですが 笑)

https://www.facebook.com/kawakami1329


さらに・・・

急遽作成した、私のFacebookページに「いいね!」してしていただければ、とてもありがたいですので、よろしくお願いいたします<m(__)m>

https://www.facebook.com/kawakamitt



<追記>
FacebookのLike Boxは2015年6月23日で終了します。その後はPage Pluginに変わります。

こちらになります↓↓↓

https://developers.facebook.com/docs/plugins/page-plugin


Facebookページのバナーをサイドバーに設置する方法【ページプラグイン】




以上、FacebookページのLike Box(ライクボックス)を設置する方法でした。


LIDS札幌・ライフデザインスクール
川上 雄大