FacebookのLikeboxが廃止になるのでPagePluginに置き換えよう

公開日:  最終更新日:2016/01/21

FacebookのLikeboxが廃止になるのでPagePluginに置き換えよう
ショップ用のFacebookページを使って集客に活用しているショップは多いですが、ショップページなどに埋め込むことが出来るFacebookのプラグイン「LikeBox」がどうやら廃止され、新しいものに置き換わるようです。既存のショップページに設置している場合は、コードの貼り替えが必要になります。

スポンサードリンク

FacebookのLikeboxが廃止

2015年6月23日に現在のLikeboxは使えなくなるようです。
ショップ用のFacebookページを持っていて、ショップページ等にLikeboxを使っている人は要チェックです。

以前、こんな記事も書いています。


[楽天]Facebook 「LikeBox」の設置について

Likeboxってなんだっけ?

ショップページに限らずFacebookページを開設している企業、個人、団体はたくさんありますが、サイトなど閲覧している時に見たことないでしょうか。

↓↓こんなやつです。
likeboxのイメージ

当ブログでもFacebookページを開設しており、記事下に設置していました。
(現在は新しいPage Pluginに置き換え済み)

その変わりといってはなんですが、同様な機能を持ったプラグインが提供されます。

「Likebox」は「Page Plugin」に変わります

PagePluginのサイトイメージ
Likeboxの変わりになるのが、「Page Plugin」です。

実際にブログ用の「Page Plugin」を埋め込む手順を見てきます。

まずは、「Page Plugin」のサイトに移動します。
Page Plugin

PagePluginの作成イメージ
作成方法は簡単です。FacebookページのURLを入力する。幅、高さを入力する。

表示項目を選択するかチェック
・いいね している人の顔写真を表示する
・カバー写真を表示する
・ページへの投稿内容を表示する

上記内容をプレビューを見ながら確認して最終的に、「Get Code」ボタンをクリックすると貼り付けるコードが生成されます。

ページへの組み込みについて

likeboxのイメージ
2つのコードが生成されますので、両方をページに組み込む必要があります。

➀bodyタグの直後に記述します。

➁「Page Plugin」を設置したい場所に記述します。

また、Likeboxで使っていたコードを削除するのを忘れずにしてください。

Page Pluginになって何が変わった?

LikeBoxでは出来ませんでしたが、カバー写真が表示出来るようになりました。
ページ全体の「いいね」数とは別に、自分の友だちが「いいね」している数が表示されるるようになっています。

横幅などのサイズに制限が・・・

記事下に設置していたLikeBoxは横幅いっぱい(600pxくらい)に表示するようにサイズ指定をしていたのですが、「Page Plugin」では横幅が最大500pxまでしか指定できないようです。微妙な余白が出来てしまいどうしようかなと、、、、

また、最小が280pxとなったようで 幅280px以下のサイドナビに設置していた場合は、設置する場所を変更するしかありません。
もともと設置していたサイズによっては、ページ全体のレイアウト変更を検討する必要が出てくるかもしれません。

今後のバージョンアップでサイズ指定が出来るようになる可能性もありますが、現時点では設置する場所を選びます。

Likebox廃止まで、しばらく時間はありますが上記のようにサイズ制限があるので全体レイアウトに影響出るかもしれません。早めの確認をしておいた方が良いでしょう。




FacebookページやGoogle+ページにもブログ更新・気になる情報を流していますので
よろしければ、この機会にぜひ「フォロー」または「いいね」をよろしくお願いします。

ネットショップ出店をお考えの方はこちらをどうぞ

ネットショップ出店サービス一覧

ショップ運営に使えるjQuery動作デモ1ページにまとめてみた

ECサイト・ネットショップで使えるjQueryデモをまとめてみた

ショップにカルーセル表示を実装「おすすめ」

カルーセル表示実装ならjQuery「slick.js」が簡単でおすすめ

ネットショップ運営の効率化に使えるソフト・ASPサービス

ネットショップ受注・在庫・商品・発注管理

仕入先・商材をお探しの方はこちらをどうぞ

ネットショップ運営に使える仕入・卸サイト一覧

ネットショップへの集客に使える広告いろいろ

ネットショップへの集客に使える広告まとめ

ネットショップで使えるCSS・JavaScriptのデモを1ページにまとめてみた

ECサイト・ネットショップで使えるCSS・JavaScriptのデモをまとめてみた

ブログでの集客に記事作成代行サービスを活用

記事作成に使える記事外注サービスまとめ

お店(実店舗)の集客に活用できる店舗ポータル・Webサービスまとめてみた

お店(実店舗)の集客に活用できる登録サイト・webサービスまとめてみた

ショップ運営に役立つwebサービス・ツールについてまとめてみた

ECサイト・ネットショップで使えるwebサービス・ツールをまとめてみた

楽天市場の運営者向けの商品陳列HTMLタグ生成無料ツール作ってみました

楽天市場向け無料ツール

Your Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサードリンク

記事が気に入ったらシェアお願いします

PAGE TOP ↑