重要 2024年1月4日以降のドロップインのご利用につきまして

Facebookページをウィジェットのような形で貼る時、「Like Box」が2015年6月23日に廃止されて、「Page Plugin」になる、ということで、変更しました。

こんにちは。コワーキングスペース7Fの星野邦敏です。

このコワーキングスペース7FのWebサイトもそうだったのですが、サイト内にFacebookページを貼る時に、

今まで、

Facebookページをウィジェットのような形で貼る時、「Like Box」が2015年6月23日に廃止されて、「Page Plugin」になる、ということで、変更しました。

のように貼っていたのですが、これは、FacebookのDevelopersページのFacebook Like Boxからコードを取得していました。
しかしながら、「Facebook Like Box」が2015年6月23日に廃止される、ということで、これからは「Page Plugin」を使ってください、というアナウンスが出ていました。

Facebook Like Box
Facebookページをウィジェットのような形で貼る時、「Like Box」が2015年6月23日に廃止されて、「Page Plugin」になる、ということで、変更しました。

With the release of Graph API v2.3, the Like Box plugin is deprecated and will stop working on June 23rd 2015. Use the new Page Plugin instead. The Page Plugin allows you to embed a simple feed of content from a Page into your websites.
The Like Box is a special version of the Like Button designed only for Facebook Pages. It allows admins to promote their Pages and embed a simple feed of content from a Page into other sites.

仕様が変わることはよくあると思うのですが、Facebookはその点、開発スピードが早いのか、仕様がよく変わる印象ですね。

WebサイトにFacebookページのウィジェットを貼るのは、今後は、Page Pluginを使うことになるようです。

いずれにせよ、「Facebook Like Box」が2015年6月23日に廃止されるということですから、早めに変更してみました。

Page Plugin
Facebookページをウィジェットのような形で貼る時、「Like Box」が2015年6月23日に廃止されて、「Page Plugin」になる、ということで、変更しました。

The Page Plugin lets you easily embed and promote any Facebook Page on your website. Just like on Facebook, your visitors can like and share the Page without having to leave your site.

設定としては、「Facebook Page URL」にFacebookページのURLを入れて、「Width」で横幅、「Height」で高さ、を設定します。
「Width」は280pxから500pxの間、「Height」は130px以上、という仕様となりまして、その範囲外を指定すると、デフォルトサイズである横340px、高さ500pxになるようで、どこに設置するかもWebサイトデザインの段階から考えておいた方がスムーズになるかもしれないですね。
「Show Friend’s Faces」にチェックを入れると自分の友達でこのFacebookページにいいね!をしている人の一覧が出て、「Hide Cover Photo」にチェックを入れるとFacebookページのカバー画像が非表示になり、「Show Page Posts」にチェックを入れるとそのFacebookページの投稿まで表示する、という形になります。
Facebookページをウィジェットのような形で貼る時、「Like Box」が2015年6月23日に廃止されて、「Page Plugin」になる、ということで、変更しました。

設定が完了したら「Get Code」をクリックして、表示されたコードをWebサイトに貼ります。

その上で完成したFacebookページのウィジェットは、以下のようになります。

Facebookページをウィジェットのような形で貼る時、「Like Box」が2015年6月23日に廃止されて、「Page Plugin」になる、ということで、変更しました。

新しい「Page Plugin」はスマートフォンから閲覧すると、自動的にそのサイズに合うようにサイズが変換されるようです。
以前の「Like Box」の時はWidthを100%にしたら横幅最大幅になりましたが、そのようなことも適用外になったようで、あとはパソコンで閲覧した時にどこに入れるか考える必要があるかなと思いました。

このコワーキングスペース7FのWebサイトでは、現時点では、投稿ページの時は本文末尾、トップページやアーカイブページではまた異なる形で表示しています。表示場所は今後また変更するかもしれませんが、このコワーキングスペース7FのWebサイトの右サイドバーは280px以下のサイズにしているので、サイドバーに「Page Plugin」を貼るとはみ出してしまうことになります。仕様が変わると色々と大変なこともありますが、こういう変化には対応していく必要があるという認識ですので、本文側に上手く表示していきたいなと思いました。