各種システム開発・WEBコンテンツ制作・WEBデザイン・ホームページ制作・インフラ設計・構築・レンタルサーバー・ソフトウェア技術者のアウトソーシング事業を行っております。

8 月
15

facebook を Web に組み込んでみました!

技術スタッフ


今回のコーポレートサイトのリニューアルで、facebook の【ソーシャルプラグイン】を組み込んでみました。

ここ最近、どこのサイトでもみる『いいね!』ボタンだったり、そのサイトの facebook ページに投稿された内容を表示したりしているアレですね!

<こんな感じ。。>

 

 

 

 

 

 

 

 

 

 

 

 

 

※これは、Uniqloさんのサイトのものです。

以下に導入手順を軽く記載しておきます。

★手順★
(前提)
・facebook ページが作成されていること。
・そのURLがわかっていること。

1. facebook のソーシャルプラグインのページを表示。
(URL)http://developers.facebook.com/docs/plugins/
2. 組み込みたい部品のリンクをクリック。
3. facebook ページのURLとプロパティ(部品のサイズや表示するパーツなど)を入力。
すると、右側に実際に表示される部品がプレビューされるのでそれを確認。
4. 最後に「Get Code」のボタンをクリックすると、ページに組み込むスクリプトが表示されるので、
それをコピーして、自分のページに貼り付ける。

以上です。

月別アーカイブ

カテゴリ