こんにちは。マークアップエンジニアの上原です。
今回は意外にご存じない方が多い、Facebookの「Like Box」プラグインの提供終了についてお伝えしたいと思います。
先日、「Facebookの「いいね！」ボタンは5月1日以降、新しいコードに書き換えないと動かなくなる？」の記事で、古い「いいね！」ボタンが5月1以降に有効期限が切れる事をお伝えしました。
今回はそれに次ぐ大きな変更ですので、未対応の企業担当者様はぜひ一度ご検討ください！
現在、Facebookの「Like Box」プラグインのコード作成ページには下記の告知が出ています。
“With the release of Graph API v2.3, the Like Box plugin is deprecated. Please use the new Page Plugin instead. The Page Plugin allows you to embed a simple feed of content from a Page into your websites.
If you do not manually upgrade to the Page Plugin, your Like Box plugin implementation will automatically fall back to the Page Plugin by June 23rd 2015.”
【日本語の意訳】
『FacebookのGraph API v2.3のリリースによってLike Box Pluginは廃止します。代わりに、Facebookのフィードを簡単に埋め込みできるPage Pluginを使用してください。
Like Box Pluginは2015年6月23日までに変更されます。』
要するに、
『「Like Box」は2015年6月23日には停止するから新プラグインに変更しましょう』という内容です。
サイト上で「Like Box」を使っている場合は、出来る限り早く新しい「Page Plugin」へ切り替える事をお勧めします。
「Like Box」と言われてもピンとこない方も多いかと思いますが、下の画像のようなパーツです。
Facebookページへのリンクと「いいね！」をしたユーザー数が表示されているボックスで、サイトを見た人にFacebookページの存在とファンの存在を分かりやすくアピールできるものです。
上記のページから「Page Plugin」の設置コードを作成します。
※「Like Box」を既に設置されていてappIDをお持ちの場合は、「Like Box」設置時に作成したappIDを利用してコードを作成することをおすすめします。
上記の必要な項目をそれぞれ入力していくと、完成イメージが変化していくので確認しながら設定可能です。
必要な設定を済ませたら「Get Code」を押して、設置コードを発行します。
画像にある１のタグをbodyタグの開始直後に貼り付けます。
２のタグを「Page Plugin」を表示させたい場所に貼り付けます。
※「Like Box」の既存コードは削除してから「Page Plugin」のコードを設置してください。
以上で、変更作業は完了です。
「Like Box」から「Page Plugin」へ変更するにあたって、場合によってはレイアウトを変更をする必要があります。
何故かと云うと…
Page Pluginは設置できる横幅と高さに制限がある為です。
横幅：180px～500pxまで
高さ：70px以上（Page Postが非表示の場合、70px～260pxまで）
この為、元々使用していた「Like Box」が横長のレイアウトの場合、現在の「Page Plugin」の設定では同じように表示できません。
レイアウトの調整や設置場所の変更などを検討する必要が出てくる為、ご注意ください。