what I mean is...
in facebook timeline mode,
tetris battle and glassdoor, those 2 fb apps post feed on the right hand side as picture below
http://imgur.com/RinJh
is it an original feed post?
how could I use api to post feed like this?
I'm not really sure if this is the right answer
but maybe it's a "meta tags" game, I mean facebook has multiple meta tags that you could add to your website and facebook uses to classify pages when it scrapes the web, check out step 2 in this page http://developers.facebook.com/docs/reference/plugins/like/
there's for example a tag that specifies the type of the page
and song is one of the allowed values (that maybe SoundCloud is using for it's pages)
is it an original feed post?
No, these are most likely Aggregations of Open Graph actions.
https://developers.facebook.com/docs/concepts/opengraph/aggregations/
Related
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
I am trying to achieve similar functionality to the one shown here...http://blackmilkclothing.com/collections/leggings/products/circuit-board-grey-leggings
there fan page https://www.facebook.com/blackmilkclothing allows people to hash tag a photo and then populate it on their website like the link above.
Loading a series of tagged images from my facebook fan page to my website. I am not positive how this is acheived? I am assuming some kind of api process but any help in the right direction would be appreciated.
Thanks! All help is appreciated
See the 'tagged' connection of a Page in the Graph API: https://developers.facebook.com/docs/reference/api/page/
It returns a list of objects the page is tagged in, including photos
If you need background knowledge I suggest these links in particular:
Graph API overview: https://developers.facebook.com/docs/reference/api/
Page login: https://developers.facebook.com/docs/authentication/pages/
After a good bit of trial and error I've found the most efficient way to query photos tagged to a particular Facebook page is to use Facebook's FQL interface to retrieve a list of stream posts.
With FQL you can limit the queried objects to only those posts containing images (unlike with the higher-level Graph API calls which will return all posts, many of which may not have associated photos), and you'll also have more granular control over composition of the result set.
Keep in mind that Facebook doesn't have true hashtag support (only Facebook pages can be tagged), so to simulate the hashtag support that Black Milk Clothing encourages, you'll need to parse and filter the photo message text yourself.
As an alternative quick and easy solution, I've rolled the results of my efforts into a free online service called TagTray -- with TagTray I've added an interface for building and curating hashtag based galleries from Facebook, Instagram, and TwitPic (including application-level Facebook hashtag filtering) that can be framelessly embedded into a site with a few lines of JavaScript.
I have an audio stream I'd like to include on a Facebook Page, above or at the top of, the wall. Apparently BBC did this (though I can't find the link). Any suggestions on where I should start? I have the html hosted as a Heroku app right now, and can get it to display as a separate link on the Page. But how do I move it from it's own page and onto the Wall?
Thanks much from a FB Developer newbie,
Peter
Peter i believe what you might have seen is actually a page tab, with a feed app included to which they would have developed the feed itself as part of the tab..
tab http://developers.facebook.com/docs/appsonfacebook/pagetabs
if you wish to inlucude a flash movie or audio on the wall itself as a post.
https://developers.facebook.com/docs/opengraph/#audiovideo
if you can find us the link to the page you seen this on it would help alot.
This is not possible, there's no way to embed custom content into a facebook page wall, except via the existing public APIs (none of which will allow auto playing of audio content - this is deliberate)
Is there a way to embed a Facebook page wall into a website? Without using Graph API?
I want to have the wall exactly as styled from Facebook, with all actions to Like, Comment and Share but from my website.
I'm sorry but there is no way to easy reproduce your wall on your website. You can easily get contents (but it will not reflect the facebook's wall as some content is filtered), using facebook's javascript sdk or graph api, but you won't be able to add universal like button using javascript sdk for every posts, as facebook requires to like some objects (like pages) directly with their like social plugin.
You can check a lot of facebook widgets you can easily implement on your website using Javascript SDK on the fbrell application.
Happy facebook programming!
Based on these requirements, would an iframe produce the desired effect? Maybe even a regular frame? (I haven't used those in a long time, so I don't remember if there's some restriction that would prevent loading external content with them).
When you say you want these actions "from your website" what exactly do you mean? Do you just want to wrap the Facebook content with your own (in a frame) or do you want to actually do something locally with these actions, intercepting them somehow?
You will need to use FBML. or custom code from for using Graph API, i dont think you can do it any other way. look up facebook documentaion for details.
There is no way you can embed the same wall, yet you can use paste your wall's contents on your webpage,
If you want Share, Like and comment button to perform action on your webstie then you have to create your own db and user management
But...
Share, Like and Comment buttons which will effect your original wall in facebook is not possible.
double think. I have been working on a Wall Feed for Pages for some time now, what you are looking for can be done, but you would need to use the Graph API to accomplish..
Sample Here http://shawnsspace.com/plugins/wallfeed.php Likes, Commenting is disabled.
Emulates the Wall for http://facebook.com
I used a combination of Graph API "PHP-SDK 3.1.1", "Javascript SDK". This can be done with pure client side Javascript though.
I'm using the Graph API to post to a user's wall via a 3rd party website. The update contains a link to said 3rd party website. (In functionality, it's kind of like just putting a Facebook "Like" button on the 3rd party page, except I want some more finely-tuned control over how the caption looks on Facebook.)
I am not specifying a picture for the post. When the post is created, Facebook's bot automatically connects to the 3rd party page specified in the link and selects an image to use as a thumbnail. Sadly, the image is almost never relavant, and I would just rather Facebook not look for a thumbnail at all.
I can probably put some Open Graph tags on the page to help out Facebook's bot, but I don't see a way to use Open Graph to specify that you'd like to have no image, and that Facebook shouldn't choose one automatically.
Any way to do this?
Although Facebook seems to ignore the picture set to an empty string in the Graph API call, setting an Open Graph tag for the picture which is an empty string seems to have done the trick.
When you publishing the the stream, include the "picture" property in the request and just set it to an empty string. This will ensure you dont have a url on the post. My other suggestion would be to put the Open Graph tags on the pages you are sharing. This will ensure that both you and others who share the url will have the correct data and images show on Facebook. http://developers.facebook.com/docs/opengraph