Has anyone ever successfully added a Facebook status feed to a website? I can access both the XML and JSON for status feeds but anytime I try to display it on my site I get an error telling me that the XMLHttpRequest cannot load http://www.facebook.com/feeds/page.php?id=112140545537576&format=rss20. Origin is not allowed by Access-Control-Allow-Origin.
It appears that I need a Facebook OAuth ID, I’ve been to this page: http://developers.facebook.com/docs/authentication/ and seem to keep going round in circles.
I’ve followed a tutorial in Web Designer Magazine titled ‘Add a Facebook news feed to your Website’, which is great apart from the fact that it doesn’t mention anything about OAuth ID’s and their tutorial files don’t work as they require one.
Am I missing something here? It IS possible to display facebook status updates on your website right??
Any help would be much appreciated. I’ve spent all evening googling, looking through various tutorials and scouring the facebook developer site.
Many thanks in advance,
No worries I figured it out..
Had to sign in as a developer: https://www.facebook.com/developers/
Then ‘Set up a new app’, which will give me an ID and an app Secret.
I then make a GET request to ‘https://graph.facebook.com/oauth/access_token?grant_type=client_credentials&client_id=CLIENT_ID&client_secret=CLIENT_SECRET’ which gives me an Access Token.
I can then use that to access the JSON data: https://graph.facebook.com/PAGE_ID/feed?access_token=ACCESS_TOKEN
Bit more complicated than I expected but managed to get there in the end. Just thought I’d post this in case anyone else came across this problem in future.
PS. I wrote a brief tutorial about it here if anyone needs an example: http://johndoesdesign.com/blog/2011/php/adding-a-facebook-news-status-feed-to-a-website
Hi johnny, great post and thanks for this tutorial. I just have one question:
I also want to integrate my facebook newsfeed to my website, but I also want the option that people can interact with the content (from facebook) on my website. For example: when someone visit my website and he wants to comment , like or share (just like you can do on Facebook) an update, they can do that on my website instead of Facebook. Do you think that’s possible?
Like to hear from you!
we have a fb page
and we have own web site
i need to add facebook status to my web page
– >>i have followed what u posted
i can able to feed the datas to my site but that was expire 60 days and i tried to debugthe new token and i get the new one.
that new token has expire with in 20 min
actually that app page created by different developer
he set that access token
but now we need to set long live access token
please suggest me and give me some correct referance url
bcz i was struggling this thing on past one week
that page created by another developer
and am the new developer
please reply me asap…. bcz i was stuglin so long
more then 7 days
for this only one
do the need full thankq……..
your post is very useful
in case you still need it, you can display facebook page feed on website without using any keys, here is the link to the tutorial.[ display facebook feed on website.](http://www.codeofaninja.com/2012/06/display-facebook-feed-on-website.html “display facebook feed on website”)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".