Embedding RSS and Twitter onto Static FBML? - facebook

I've been asked to build a facebook fan page, that displays the latest RSS from a blog and the latest tweets from an user.
Something just like this:
http://www.facebook.com/ibmargentina?v=app_223277347226&ref=ts
I already know the basics for working with FBML, but I can't figure how can I display external data...
Any tips would be greatly appreciated.
Thanks in advance..

Here you go: http://forum.developers.facebook.com/viewtopic.php?pid=129641
Here is another how to: http://www.howtoforge.com/rss_facebook_app_php_p3
Check out the discussions, everything you want to know is there.
http://www.facebook.com/apps/application.php?sid=59c8a2bba844922b5153efc9b9eba237&id=4949752878&ref=s

Facebook has put up a new guide for apps and pages at http://developers.facebook.com/docs/guides/canvas that is fairly helpful.
One thing that was a bit elusive to me at first was that you have one page that serves the canvas and then you have a second page (they recommend a subdirectory /tab) that serves the page content. So you can have a working app and canvas page and still not have it show up as a tab when you add the app to your "page".
(I know this is an old question, but I found it so I figure others might too)

Related

facebook graph page/picture edge returning questionmark

So this is a little bit odd, I have a website that trawls facebook looking at specific pages and requesting data from them.
As part of this I request the picture object of the page: http://graph.facebook.com/285361880228/picture
This returns a question mark instead of the page profile picture.
Other links to pages seem to work without a problem.
http://graph.facebook.com/1485760851674064/picture
Does anyone know what may be causing this?
I am currently using version 2.3 of the API.
I'm assuming it has something to do with the page setup, as according to the facebook documentation,I should be able to read this.
https://developers.facebook.com/docs/graph-api/reference/v2.3/page/picture/
It seems like the facebook page has not been published. Try publishing the page and access the image using same link. It will work.

How to change Facebook's shared title and message?

I'm new to Facebook Sharing API. When I put the Facebook Share button in my website, both the message and the title are the URL. Here's the screenshot:
There's even no thumbnails even though there's plenty of pictures in the page.
I have seen other pages that automatically use the first paragraph as the Facebook's message
Is there any specific site layout that I must follow?
Note: I'm using AddThis, so I don't think I can change the code
Thanks
The problem solved when I uploaded the site on Online server. Maybe the API has problem retrieving data from Localhost.
Cheers :)

Creating a Facebook App

I am building a website for a client. He has a Facebook page for his business. On the homepage of his site, he wants a feed that will pull in all the updates from his business' Facebook page.
Now, I felt this would be very easy to implement (maybe it is) but I have scoured the Facebook API for any simple way to do this. I am having a lot of trouble understanding which way I should do this. I've settled on using JS to access it, but have no idea where to go from there.
Do I need to create an app? If so, which options do I select so I can access the clients facebook page?
How do I get my app that I've created to show up so a user can authorize it? I have so many questions, and Facebook isn't very good at giving me answers.
Any help is greatly appreciated.
I would suggest you just use the facebook page's RSS feed.
Example
Take his page URL e.g.
https://www.facebook.com/pages/Lazery-Attack/6001014870
Take the number at the end of the url off, and plug it into the facebook feeds URL e.g.
https://www.facebook.com/feeds/page.php?format=rss20&id=6001014870
Voila, you now have an RSS feed you can integrate into the website you are building.
URL Breakdown
The URL is broken down the following way:
https://www.facebook.com/feeds/page.php?format={feedFormat}&id={PageID}
Vaid feed formats are:
RSS - rss20
Atom - atom10
JSON - json
Other Examples
Atom
https://www.facebook.com/feeds/page.php?format=atom10&id=6001014870
JSON
https://www.facebook.com/feeds/page.php?format=json&id=6001014870
Take a look at the facebook API, right here: http://developers.facebook.com/docs/reference/api/page/
You can give it a try here:
http://developers.facebook.com/tools/explorer/?method=GET&path=19292868552%2Fposts
The like box: http://developers.facebook.com/docs/reference/plugins/like-box/ also has the latest posts available
The simplest way is to add a Like Button to the page and make sure "show Stream" is checked on as this will show all recent posts. You can customise the appearance also (e.g. width, height etc).
No App or messy API calls needed!
Try it out here and simply paste the resulting code into your webpage:
http://developers.facebook.com/docs/reference/plugins/like-box/
Not an app, but the Facebook Social Plugins over here at Facebook For Pages

Displaying facebook albums in image galleries PART II

A few days ago i asked this question: Displaying images from Facebook photo albums on a portfolio site using the graph api
I was basically asking if it was possible to pull images from facebook albums into image galleries on a website, and was very happy to find out it was. Now the next step is to actually parse the information that the graph api returns and display the images on the page using javascript.
i'm having some trouble getting started, and was wondering if anyone could point me in the right direction. i've havnt really done much dynamic web design (mainly static sites) but i'm getting more into it lately. i assume i will need to utilize JSON or something similar, and i'm a bit over my head.
Any help is GREATLY appreciated. THANKS!
found this http://www.prettyklicks.com/blog/making-a-facebook-feed-using-the-graph-api-json-and-jquery/291/ tutorial which REALLY cleared things up.
just putting it here in case someone else needs it.

I want to embed Facebook in an IFrame one way or another

Does anyone know of a solution for this that i may be able to purchase?
Ok Well facebook no longer allows you to embed into an IFrame and my company wants to have facebook show up on our application which we do by creating a Iframe and embedding. But on Feb 5th facebook took away that ability. So I am looking for someone who has worked around this sollution but no matter what the sollution has to embed within an IFrame...
<iframe src="http://www.facebook.com/" />
I have not tested, but I suspect Facebook might be using some JavaScript like this to break out of frames:
if (top.location != location) {
top.location.href = document.location.href ;
}
Unfortunately there is nothing you can do about this, except if you were to proxy the entire Facebook site on-the-fly and filter out this JavaScript, which would most likely break other things. Facebook, and many other sites, implement this trick because frames are often used only for malicious purposes (i.e. framing another website with illegitimate ads or scamming).
Edit: I see from your comment that you say this works at the moment. As I explain above, this is really under Facebook's control, unfortunately. If they choose to add the little bit of JavaScript to break out of frames, you can't stop that from running.
I know this is a bit old - but it came up in my search when I was looking for a similar answer. You can get the code to embed an iframe containing public posts, comments etc (a bit like YouTube embed) from this page: https://developers.facebook.com/docs/plugins/embedded-posts/ using the social plugins.