• かちびと.net

    あなたのWebサイトに導入できるFacebookソーシャルプラグイン5個のご紹介です。よく見かけるようになりましたが、いいね!ボタンばかりなので他のプラグインもご紹介します。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

あなたのWebサイトに導入できるFacebookソーシャルプラグイン5個

スポンサーリンク

多くのサイトでFacebookのソーシャル
プラグイン(いいね!ボタンとか)の導入
を見かけるようになりましたが、プラグイン
の種類はいくつかあります。殆ど使われ
ているのを見かけないので、なんとなく
ご紹介してみようと思いエントリー。

ハードなFacebookユーザーなら知ってて当たり前かもしれませんけど、まだ普及し初めて間もないので一応ご紹介したいと思います。現状使われているソーシャルプラグインとさほど大差無いので特に使い分ける必要が無いのかも知れませんけど・・・一人でも「こんなのあったのか」と思って頂ければ幸いです。

Like Button


最もよく見かける「いいね!ボタン」です。こちらは、いいね!している友達のアイコンの表示も可能ですが、噴出しを利用している方が大半のようです。アイコンは後述するFacepileで実装可能です。

Demo

Like Button

Facepile


Facepileは、閲覧中のページで、自分の友達が「いいね!」していると、その友達のアイコンを表示するプラグインです。省スペースに導入しやすく、シンプルなのでWebデジアンの統一性を崩さないで済みそうです。因みにログインしてない場合は何も表示されません。

ただ、Likeボタンでもアイコンの表示の有無を選択できるので、Facepileはあまり使用されていない印象ですが、Likeのボタンカウントを選択しているとアイコンが出ないのでこれはこれで用途がありそうです。デフォルトではNum rows(列数)が1になっているので多く表示したい場合は数を増やしてください。

Demo

Facepile

Recommendations


Recommendationsは直訳すると「推薦」。指定したドメイン内でFacebookでシェアされているページを表示してくれます。「おすすめ記事」みたいなものですね。多くの記事を載せたい場合は高さ(height)の数値を高くします。

ログインしていない場合も表示され、ログインボタンも表示されます。以下のデモは、やや高めに、800pxで表示しました。場所を選ぶプラグインかもしれませんね。

Demo

Recommendations

Like Box


Like Boxは、ファンページのアピールで使用されているプラグインです。ストリームやいいね!してくれているFBユーザーのアイコンを表示してくれます。ストリームやアイコンは表示/非表示を選択できます。

Demo


※このファンページはテスト用に作ったものです

Like Box

Activity Feed


Activity Feedは、自分の友達が指定したドメイン内でLikeしてくれているページをアイコンと一緒に表示してくれます。Activity Feedは、先程のRecommendationsを含めることができるのでなかなか良いプラグインでは無いかと思います。こちらもRecommendations同様にログインボタン付きです。

Demo

Activity Feed

以上の5つが外部サイトに導入出来るプラグインです。1つ1つご紹介しましたが、一覧ページもありますのでご覧になってみては如何でしょう。また、過去のFacebook関連記事も宜しければどうぞ。

Social plugins

URL :
TRB :

Ads

Posts

Contact

Services