FacebookのLike Boxの仕様変更!?新しい設定方法解説!

Apr 14, 2015

FacebookのLike Boxの仕様変更

サイトを持つにあたってfacebookをやってなくて何するの!?って並に個人・企業にかかわらず登録していますよね。そこでよく見るのがLike Boxです。こういうの。

LikeBoxサンプル

これの仕様が今度変わるらしいんですよね。僕もびっくりしました。そこで今回は新しくなるLike Boxの設定方法を解説したいと思います。

結局何で変わるの?

まずは、これまでLike Boxの設定をしていたところを見てみましょう。

もうすぐで動かなくなりますよー

もうちょい寄ってみましょう。

もうちょい寄ってみた

まんま翻訳すると

グラフAPIのV2.3のリリースにより、箱状のプラグインは廃止され、新しいページプラグインの代わりに6月23 2015を使用しての作業を停止します。ページプラグインは、あなたのウェブサイトへのページからコンテンツを簡単にフィードを埋め込むことができます。

つまり、グラフAPIのV2.3をリリースするから以前使っていたLike Boxでは動かなくしますよーってことです。

つまり、2015年6月23日過ぎたらLike BoxがLike Boxじゃなくなる。

つまり、、、

動かなくなります。

なので、新しい仕様に合わせた埋め込みを行いましょうということですね。

新しい設置方法

ますは新しい設定画面にアクセス

今度からはSocial Plugins > Page Pluginで設定するようになっているみたいです。
設定方法はほぼ以前と一緒です。

ただ違うところと言えば、横幅が500pxまでとなったことでしょうか。全体的にバーーッてフッターとかに埋め込んでいるサイトとかはレイアウト変更を余儀なくされそうですね。

ちなみにkoukitipsならこんな感じになります。

2いいね。逆にいいねしてくれた人ありがとうございます。

2いいね・・・(内1人、僕)
いや、見るとこ違いますね。

「Facebook Page URL」のところにいいね!されたいFacebookページのURLを入れて、あとは幅や高さの設定といいね!を押してくれた人のアイコンの表示/非表示とか、詳しくは下記にまとめてます。あとあと、やみにいいね!してくれた人のアイコンが多少小さくなっています。まぁこの画像だとわかりにくいですが…

ちなみに今回から?facebookページの背景画像の反映もできるになっています。ただkoukitipsの背景は設定していないので真っ白です。

Facebook Page URL
facebookページURL
Width
横幅の設定
Height
高さの設定
Hide Cover Photo
facebookページの背景画像の表示/非表示
Show Friend’s Faces
いいね!してくれた人の表示/非表示
Show Page Posts
facebookページの投稿の表示/非表示

設定をし終えたら、Get Codeしましょう。

すると、ポップアップで2つのコードが現れますのでこれらをソースコード内にコピペして完成です。

コピペで完成

  • 1. bodyの直下あたりにそのままゴンとコピペしちゃいましょう。
  • 2. Like Boxを表示させてたいところにコピペしましょう。

これで新しいLike Boxが表示されていれば完了です!お疲れさまでした!!

まとめというか感想

いやー、koukitipsのいいねがショックでした。
しかし、これで2015年6月23日を過ぎても大丈夫になっているはずです。これを機にkoukitpsでもLike Box設置しましたので

ぜひかわいそうだな、
不憫だな、

と感じた人はいいねしてあげてください。

これからも頑張りますよーー