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

これの仕様が今度変わるらしいんですよね。僕もびっくりしました。そこで今回は新しくなる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いいね・・・（内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設置しましたので

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

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

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

タグ