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.
Related
I've searched a lot, but I did not get any full information.
I need to get all images which are posted to a specific fb page by users. And do I really ned to get that app reviewed? I only need this application during an exhibition over a weekend.
The fans take a picture at our booth and post it on our timeline. These images are to be displayed automatically on a screen.
How do I get to the pictures via the Facebook API?
update:
My first move was with the following:
graph.facebook.com/v3.1/[pageid]/feed?fields=picture,message,from
Since I need only the posts from others, I'm going to filter the response object.
Is there a better solution?
Okay, so PAGE-ID/visitor_posts?fields=picture,message did the trick!
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.
I´m having problems with my cutenews and Facebook "share" buttons, but I´m working with "og:" metas to solve it.
In the mean time, another problem that I have (and I won´t solve it with Open Graph Protocol) it´s that some images are always fetched by Facebook and the most important images (the articles images) too but there isn´t the first choices.
So, if Facebook fetches 7 images, the first 3 options to people are always the banners images and not the articles images.
Is there any way to mark the images that I don´t want to be fetched by Google?
Sorry my bad english.
If you've already implemented the proper Open Graph tags (og:image, etc), then the next step is to determine if your implementation of those tags is valid.
Facebook provides an Open Graph debugger for exactly this purpose. Provide it with the URL in question, and it will tell you what to do next.
I have seen many website build with wordpress and they have facebook timeline cover photos auto upload.
anyone please help me?
sorry for my bad english
it isn't difficult at all... you can get the cover url for a page/user using the facebook graph api.
ie: querying http://graph.facebook.com/cocacola?fields=cover will return the cover image properties for the cocacola fan page, simply use the 'source' field as your image src. (this is a 720px wide cover image)
as your using wordpress you could make a widget out of it, or hard code it in the template (eww..).
(on another note - you may want to additionally implement some form of caching for the facebook grapi api result so you don't continuously query facebook on every page load for the cover url.)
Majid Khan,
try this, facebook image uploader (for timeline and more.....)
work fine on wordpress and more....but it is not free
Timeline is the New Facebook Timeline covers profile. Tell your life story through photos, friendships and personal milestones like graduating or traveling to new places.
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)