I want to be able to post iframe on user's page, i.e. basically completely custom post with its own html markup and its own javascript. Something like when you post youtube/vimeo or coub video, they have their own players.
It seems to be possible just judging from the fact that there are apps exist which allow you to do it and there are also some guides on how to create "iframe app", but those guides seems to be pretty outdated.
I could not find anything about that in facebook docs. Canvas seems to be the closest one, but it's a page outside of user's timeline and I need it to be embedded in the timeline, like a post which can be shared, liked etc.
Any pointers to docs would be appreciated! Thanks!
Related
Is it possible to mirror Facebook comments from my Facebook page on a post to my site using the comments plugin? I've been searching and cant really find anything regarding this subject. thanks
If all you need is to "mirror" that, then this is probably possible by using:
GET /{POST-ID}/comments?access_token=PAGE-ACCESS-TOKEN
However, if you are looking for a plugin, the nearest plugin for this is the Embedded Posts but that will only show the numbers of comments:
What do people see in Embedded Posts?
The embedded post will show any
media attached to it, as well as the number of likes, shares, and
comments that the post has. Embedding posts will let people using your
web site see the same rich information that is shown on Facebook.com,
and they will enable people to follow or like content authors or Pages
directly from the embed.
A little while ago, I built this:
http://www.littlebray.co.uk/photos.aspx
It's kind of an off-Facebook partial replica of a Facebook photo album gallery, the photos in the gallery section are all pulled from Facebook albums on the Page for Little Bray (fb.com/littlebray) enlarging them gives you a kinda full screen view of them with commenting facilties on the right margin, just like Facebook.
You'll notice that, whilst this comment section looks a bit like a Facebook plugin, it isn't, and the reason for this is that if I used Facebooks Comments Plugin, when a user comments on a photo on the website, or comments on the same photo (remembering the photos come from the same source), it will create two different streams of comments, one shown on FB and one shown on the website.
With my method, any comments posted either on the website or FB will appear in both places as they're al directly injected into the FB graph relating to the object ID of the photo.
A bit later on, I created another, similar image gallery but used Facebooks Social Plugin "Comments" in the right hand margin to comment on photos. The difference here though was that these photos were lcoally hosted by the website and not already Facebook album objects, so this other website is the only source for these images and thus creating FB objects when commenting via a URL is fine.
BUT... it got me thinking, is my first example just a lot of work, is it possible to use Facebooks own Social Plugin to post comments on an object which already exists on Facebook in that way?
I tried pasting a graph URL https://graph.facebook.com/FB_OBJECT_ID into the Comments example on Facebooks Social Plugins page from a status update of mine, but nothing showed.
Any ideas?
EDIT ---
I have discovered I am not alone in asking this question:
Using social plugins for pre-existing Facebook posts
Load comments from open graph object into Facebook comments social plugin
Neither of those have satisfactory answers though. Perhaps I just need to improve my own code and make my own plugin.
At this time the comments plugin can not be used in that way.
I know this question has been rised quite a lot of times, but then they constantly change things at Facebook and none of the numerous ways I've discovered on the web, works for me. Maybe it worked before, but not anymore.
I have a web page with a video playing in our skinned jwplayer. All the og tags are beautifully set, so that when a visitor likes the page, it's title, description, thumb and custom flash player are nicely shared on the users wall. Video even plays right there on the wall, in the embedded and customized flash player. So everything works as expected.
But!.. We would like to auto-post our new posts onto the website's page on Facebook and we want them to look exactly like when they are shared. One would probably expect that it'd be enough to simply post a link through PHP SDK and facebook will do the rest. But it doesn't. It seems to not pay attention at og tags in latter case.
What would be the right way to do this? Is it possible to force facebook to look at og tags? Or how to publish a post with a video in a similar way, but through PHP SDK?
One would probably expect that it'd be enough to simply post a link through PHP SDK and facebook will do the rest. But it doesn't.
What exactly are you posting – just a link, or a post containing a link?
(For difference between the two types of creating a feed object see https://developers.facebook.com/docs/reference/api/user/#posts vs https://developers.facebook.com/docs/reference/api/user/#links)
Is it possible to force facebook to look at og tags?
Normally it does without any further action neccessary.
Have you tried, though, putting your new posts URL through Facebook debugger before posting it?
I am looking at replacing the comments on my news site with a facebook comments box. This would mean that every time someone posts a news article people can comment on it. This would require many comment boxes for many urls.
On the front page of my site however, I have a feed to all the comments that are posted all over the page. This makes is useful for people to see the discussion happening around the site.
Is there a way to show all the comments that are being posted on my site in one location if I move to facebook comments?
Essentially it would be a feed of all the comments from the different urls.
For each url you have, you would need to occasionaly pull the comments down using the Facebook Graph Comments API with a URL like: https://graph.facebook.com/comments/?ids=http://developers.facebook.com/docs/reference/plugins/comments. You would then need to build something to display this. There are no social plugins built for this.
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.