FacebookのLikeBoxがPage Pluginに

By takehiro, 4月 13, 2015

久々のブログ更新です。

最近は自社のサービス(セコリ百景)構築や取材で大忙しでした。

どうしてもブログの更新を後回しにしてしまいます。
良くないですね。ちゃんと更新します!

自社サービス構築で、Facebookのプラグインでハマったので、
今後のことも考えて、ブログに記載しておきます。

LikeBoxがなくなる

そのままです。LikeBoxの機能なくなるようです。

2015/6/23 で終了の予定みたいです。
対応出来てるサイトあまりなさそうなのですが、
みんな大丈夫なんでしょうか?(2015/4/13 時点)

スクリーンショット 2015-04-13 14.55.20

確かにしっかりと注意書き出てきます。

 

Page Plugin

というわけで、新しい機能のPage Pluginを実装してみます。

https://developers.facebook.com/docs/plugins/page-plugin

素直に、Page Pluginのとこに飛びます。

      • Facebook Page URL ・・・サイトのURLです
      • Width ・・・ページプラグインの幅
      • Height ・・・ページプラグインの高さ
      • Hide Cover Photo ・・・カバー写真の有無
      • Show Friend’s Faces ・・・いいねした人の写真の表示
      • Show Page Posts ・・・投稿の表示の有無

※カバー写真有り
スクリーンショット 2015-04-13 15.04.45

※カバー写真なし
スクリーンショット 2015-04-13 15.04.48

 

あとは「Get Code」を押すだけ。

スクリーンショット 2015-04-13 15.13.11

簡単ですね。

ハマったこと

ここまでは簡単ですが、
プラグインを設置する先のイメージに合わせて、色々カスタマイズしたくなります。

しかし、

幅が 280px-500px までしか選択できない!!

困ります。PC版は960px程度で、フッターの上の部分に画面いっぱいに載せようと思っていたのに出来ません。

スマホはデバイスの幅によって、自動でリサイズされるようですが、
PCは500pxまでしか広がりませんでした。

Facebookさんどうにかして下さい。。。

 

というわけで、自社サービスのPC版にはPage Pluginを実装するのは見送りました。

 

ちなみにスマホはこんな感じで実装しました。

セコリ百景 — 日本のものづくりとその背景の魅力を生産地から発信するサイト

 

結構対応で困るサイトいっぱい出てくるだろうなー
と思っています。

今後改善されることに期待!