シェアオフィス6F
貸会議室6F

こんにちは。コワーキングスペース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」を貼るとはみ出してしまうことになります。仕様が変わると色々と大変なこともありますが、こういう変化には対応していく必要があるという認識ですので、本文側に上手く表示していきたいなと思いました。

スポンサーリンク

スポンサーリンク

この記事を書いた人

コワーキングスペース7Fの運営代表者です。7Fの運営会社である株式会社コミュニティコムの代表取締役でもあります。2012年12月1日に7Fがオープンしてから2014年4月末まで店長も兼ねていましたので、外出予定が無い日は基本毎日いましたが、現在は山下に店長を任せ、オーナー兼利用者となりました。今はもともとの本業のITの仕事と、コワーキングスペースに絡んだ創業支援や地域おこしの仕事が中心です。下のフロアを増床することになり、シェアオフィス6Fと貸会議室6Fの運営もしています。趣味は自分の思い付いたWebサービスを自分で自由に開発することです。



メールマガジン登録

週1回程度でメールマガジンにて、コワーキングスペース7Fのイベントや勉強会情報や近況、Web関係や地域情報などを配信しています。
もし良ければ以下のフォームにメールアドレスを入力して登録してくださいね!

7F情報をぜひフォローください!


スポンサーリンク

月額会員募集中の申し込みフォーム
イベント情報
会議室ご予約
オープンスペースご予約
無料見学ご予約
お問い合わせ
メールマガジン登録フォーム
フロアマップ
よくある質問
Amazonコワーキングスペース7Fのほしい物リスト
一時託児施設利用
7F大学
リブライズ
Eightどこでもスキャン計画
7Fスタッフ募集のお知らせ
シェアオフィス6F
貸会議室6F

混雑状況やイベント情報

サイト内検索