XOOPS Themes and Templates Advent Calendar 2012 の20日めの投稿です。
⇒　19日目の投稿 suinさん: XOOPS+Smartyテンプレートテクニック 13個詰め合わせ
⇒　21日目の投稿 kilicaさん: XOOPS のテーマ雛形を生成する

ソーシャルと連携しよう！

最近はFacebookやTwitterといったソーシャルなサービスが主流になっていて、ウェブサイトとソーシャルサービスとの連携をすることでウェブサイトの利用価値をさらに高めることができるようになっていることから、「連携をさせたい！」と思っている方も多いのではないかと思います。

そこで、今回はFacebookとTwitterのFeedをウェブサイトに表示する方法を紹介したいと思います。
それでは今日もはりきっていってみましょう！

Facebook編

###1. はじめに

Facebookの「コメント」や「いいね！」をサイトに表示するのは至って簡単です！しかもXOOPS側で特別な何かをしないといけないということはありません。

ただし、Facebook側でApp IDを取得したり、FacebookのAPIを呼び出すためのJavascriptをウェブサイト側のHTMLに（今回はXOOPSのThemeに）書く必要があります。

今回はFacebookページを対象に作業をしてみましょう！

###2.Facebookの`App ID`ってどこで取得するのか

はじめにFacebookの開発者向けページ https://developers.facebook.com/apps/ で App IDを取得します。ここでは Facebookページが既ににある前提で話を進めます。（Facebookページをまだ持っていない方は別途Facebookページを作成する必要があります）