facebookページのフィードをサイトのお知らせに表示する
最近ではWordpressで構築したサイトをよく見ます。
これは、サイトを作るのはお金出してお願いしたいけど、更新するのは自分で。
という人が増えたからでしょうか。
それはとてもいいことのように思います。
例えば、保守管理として月々数万円支払っていて、毎月更新するのは新着情報くらい。
とかって…どうなの?と思うのです。
もちろん、保守管理必要なこともいろいろとあるかと思いますが。。
さて、話は少しそれましたが、今回はサイトの新着情報の部分にfacebookページのフィードを読み込むには?
ということでやってみました。
って、これはもうみなさん当たり前に出来ることなのかもしれませんが…
わたしはやり方知りません!!なのでお勉強…
<こんな場合におすすめ>
・新着情報は自分で更新したい
・facebookをよく使う
で、調べてみたところこの2つの方法でいけそうな感じ…
・neosmartSTREAMを使う
https://neosmart-stream.de/
・Google AJAX Feed APIを使う
「neosmartSTREAM」はわりと簡単に導入できましたが、無料版だと広告が消せないようなので、今回は「Google AJAX Feed API」を使うことにしました。
とにもかくにも表示したいページのIDが必要ということです。
<facebookのIDを調べる>
https://developers.facebook.com/tools/explorer/
画面右上「API Version」のところを「Unversioned」にしてから
GETの右の欄に任意のURLを入れる
今回はわたしの好きなアーティストJack Johnsonのfacebookpageで…
☆こんな感じで情報を取得できる============================
{
“id”: “5916438291″,
“about”: “Jack’s new record, From Here To Now To You, available now! \nwww.jackjohnsonmusic.com “,
…途中省略…
“record_label”: “Brushfire Records”,
“talking_about_count”: 8079,
“username”: “jackjohnson”,
“website”: “http://jackjohnsonmusic.com/ http://twitter.com/jackjohnson http://myspace.com/jackjohnsonmusic”,
“were_here_count”: 0
}
======================================================
いろんな情報が書いてあるけど、一番上の”id”: “5916438291″のところ。
これがIDナンバーですね。
でもって、Google AJAX Feed APIの使い方をググってググってググりまくりました。
だってわたし、Google AJAX Feed APIなんて使ったことないんですT-T
そして、こちらのページの「FacebookページのウォールのRSSフィードを取得して可変グリッドでHTML出力」のやり方でなんとなく理解しつつ、実装にたどり着けました!!
Facebokページの情報やRSSフィードを取得してHTML出力
やり方の詳細はまた後日…
【参考にしたサイトさまさま】
■fbwallを利用してFacebookフィードをサイトに表示する
→fbwallのサポートが終了している。イイネ数のところに「Undefined people like this」など出てしまうなど、問題が…
■Facebookページのフィードやアルバムをjavascript(jquery)で取得する
→いちばんやりたいことに近い内容が載っているが、詳細が私の理解力ではわからず断念…
■facebookページの最新更新情報を取得して表示する
→いいところまでいけたけど、私の理解力では表示数が1投稿以上増やせなくて断念…
■jQueryでFacebookページのウォールを自分のサイトに表示する方法(簡易バージョン)
<あまりなかったneosmartSTREAMの記事>
■neosmart STREAM導入しました
<facebook以外のブログを読み込むときなどにいいかも>
■アメブロのブログ記事をRSSで取得し、サイトに表示する方法
<1つのページ内に複数のrssを読み込みたい時によさそう>
■Google Feed APIを使って複数RSSフィードを表示する【カスタマイズ版】