この記事を書いた背景

個人の Facebook や Twitter のストリームを自分のブログに表示させるには、普通のアプローチだとプログラムを組むことが前提になり、各 SNS のデベロッパー ID を取得する必要があったりとなかなかハードルが高いと言えます。

※Facebook ページであれば Facebook 自体がコードを提供しているのですが・・・

簡単な解決策としては以前の記事に書いた fb.wall が良かったのですが、neosmart STREAM に完全移行してしまいました。

そこで、今回はこの neosmart STREAM と Facebook との連携の方法についてまとめてみました。

手順

本家のドキュメントはこちらから。

1. ここから neosmart STREAM のライセンスを取得します。
   無料の Lite バージョンと有償の Pro バージョンがありますが、今回は Lite バージョンを使っています。
2. ここからプラグインをダウンロードします。
   この記事では 1.6.1 を使っています。
3. ダウンロードした zip を解凍し、 WordPress の plugins ディレクトリに FTP クライアントでアップロードします。
   [code lang=’text’] /wp-content/plugins/neosmart-stream/
   [/code]
4. 「プラグイン｜インストール済みプラグイン」メニューを選び、「neosmart STREAM for WordPress」を有効化します。
5. 「STREAM」グローバルメニューを開き、「Show admin area」をクリックします。
   
6. 「Channels」タブを選択します。
   チャンネルとは、neosmart STREAM から接続する Facebook や Twitter のアカウントの事です。
   
7. この例では Facebook と接続するので、次の設定を行います。
   1) 「Type」に「Facebook」を選択します
   2) 「Id」に Facebook で使っている「ID」を指定します
   3) 「Access token」は「Open Access Token Creator」をクリックして取得します(詳しくは次のステップ)
   
8. 「Open Access Token Creator」をクリックして出てくる画面で、「Create Access Token」をクリックします。
   
9. Facebook の画面が開き、アカウントの情報の利用について確認されるので、「OK」ボタンをクリックします。
   1つ前のステップの 4) Add channel をクリックします。
   
10. Facebook への接続が問題無ければ、「Channels」の一覧に「Facebook」の接続情報が追加されます。
    
11. ここでは「投稿」に Facebook のストリームを表示させてみます。
    「投稿」を「新規追加」もしくは「編集」で開き、「[nss]」ショートコードを埋め込みます。
    
12. プレビューなどで確認すると、ショートコードを埋め込んだ場所に Facebook のストリームが埋め込まれていると思います。
    

テーマやグループの変更、テーマへの直接埋め込みについてのドキュメントはこちらから。

まとめ

fb.wall の時に比べて WordPress への埋め込みが非常に簡単になりました。
ショートコードもカスタマイズできますし、テーマへの埋め込みも簡単です。

自分でプログラムを書きたくないのであれば、良い選択肢になるでしょう。