How to add new html5 like buttons in website - facebook

I'm relatively new to this and looking to implement like buttons for videos and articles on a website. I would prefer to get the better functionality from the html5 option over the iframe option. Not sure what I need to do as far as creating the app, getting app ID, and what I need to add to the site from the SDK in addition to the HTML5 code generated on https://developers.facebook.com/docs/reference/plugins/like/ when I put in all the info.
Is there a step by step guide somewhere that I can follow to implement this correctly?

Here's Facebook's Open Graph protocol. There's a Getting Started section with all of the info you need. Just follow the instructions and your site should work fine.

Related

Is there a way to make a Facebook share button in Flutter Web?

I'm making a quiz app in flutter and I'm nearly at the end of it, trying to make a facebook share button for them to be able to share their results in Facebook, and I can't find a way of making it work.
I couldn't find any pub that works on the web.
I tried to use the Facebook JS SDK but it gets too messy for my dart js knowledge, does anyone know a way to do this?
By now my best option is an embedded iframe and a static link... Is that right?
For anyone looking as desperate as I was there's a link in the button Facebook creates for you, if you populate the HTML with the right og tags and dynamically change the link and launch it with url_launcher you can get through it
My Plugin aims to help you with this:
https://pub.dev/packages/share_everywhere
It detects the platform and uses a list of social media icons you provide on a desktop.
And on mobile it uses standard share functionality.
Its a work in progress please let me know what you think and how i can improve.

Share image including some attributes (e.g. description) on Facebook over web without app validation hassle

I want to share an image from a website on Facebook and pass some attributes (e.g. a description) to the status update, all done by clicking on a link.
A few months ago this worked fine using the sharer.php but by now this script just accepts a URL as parameter and scrapes the target site for Open Graph meta tags. This new approach isn't very helpfull if you just want to share elements on a page instead of the whole page.
Yeah, I could create an app and use the feed dialog to achieve my goal. But I honestly don't want to walk through the tedious app validation process just to share an image with some additional info!
So, does anyone know of a way to avoid this app hassle? Perhaps some undocumented parameters for the new implementation of the sharer.php?
There's no need for app validation - as #CBroe correctly stated! So the feed dialog IS an adequate solution!
Background: I assumed an app needs validation to go live. But I just didn't set up my app properly to make it available to every Facebook user.
See the comments to gloat over my stupidity. ;)

Built-in Like Button - Facebook SDK 3.0

Does anybody happen to know a good tutorial on placing the ‘I like it’ button into the application?
I’m especially interested in Facebook SDK 3.0 and the so-called Built-in Like button.
So far, I’ve been searching through google and stackoverflow but I haven't found anything about SDK 3.0.
Publishing a built-in like is very similar to publishing a custom Open Graph action. The best resource for learning about publishing built-in likes is Facebook's reference page:
https://developers.facebook.com/docs/opengraph/actions/builtin/likes/
Please see this post regarding likes and this post to see an alternative of adding a like button.
Ideally you could create a html iframe that links to the page. obviously this would open up the webpage to the link of the facebook like button. atm i believe that's how temple run achieve this. does the trick. They're getting many likes from users directed from the ios app temple run itself.

Implement the facebook connect on uiwebview using HTML5/JavaSCript for iphone sdk

I need to implement the facebook connent on UIWebview using HTML5/ Javascript. Presently what I implemented is working fine on iphone safari but not in native application. Please Suggest. Thanks
when the app loads up have it open a web view that point to a website that does what you want it to. see facebooks graph api documentation for web apps/websites
I'm working on this kind of app also. I haven't finished it yet but after googling I found just this link that seems to work with UIWebView
http://suhinini.me/2011/05/24/embedding-facebook-social-comments-plugin-to-an-ios-application/
I've tried the HTML5 code on the comment plugin page but it doesn't work. The UIWebView just shows nothing.
I'm still looking for the best solution.
edited
Ok now I got my app working. What I did was creating a HTML file, containing the code from facebook comment plugin page, and put it in my project (I think this should work fine with file on server also). I use this
[UIWebView loadHTMLString:baseURL:]
since my HTML file is local.
This is the facebook comment plugin page
https://developers.facebook.com/docs/reference/plugins/comments/

Facebook sharing on mobile web

Can someone tell me how to implement facebook recommendation or like on mobile (iPhone, Android) web browser?
I following the guides for plugin approach and FB.ui approach:
http://developers.facebook.com/docs/reference/plugins/like
http://developers.facebook.com/docs/reference/javascript/FB.ui
but, none of them gave a mobile web sharing experience for recommentation/like. All of them give me desktop version of recommendata/like page.
Is there any tutorial or examples for Facebook sharing on mobile web? Can anyone help?
Thanks.
<div id="facebook_code"><iframe src="http://www.facebook.com/plugins/like.php?href=www.facebook.com%2F[FACEBOOK USER NAME OR ID]&layout=standard&show_faces=false&width=250&action=like&colorscheme=dark&height=80" scrolling="no" frameborder="0" class="facebook_like_button" allowTransparency="true">
Using the like button was a little bit of a fit, but here is how you do it.
The class is so you can style and position a div, the code calls facebook's like.php script so no need to include an extra call to a js file. The code I used also removes the pop up box that you can not style with the FB faces in it, it just displays names. Leave enough vertical room, in this case 80px for the text to wrap with the BLANK likes this text.
You might have to open a web view/safari because either way you're going to have to prove that the user is logged into facebook somehow.
I'm not sure their iOS SDK supports this but have a look at it on GitHub and maybe check the forks to see if anyone has found a way to add the like button.
You may also be interested in sharing rich content and media using Kik API. It lets you integrate your mobile app into Kik Messenger and use Kik's own transport and infrastructure to share content with other mobile app users. It is also very simple to integrate - about 5 lines of code, in simpler scenarios. There is more info on Kik API website: http://www.kik.com/dev and http://apiblog.kik.com
Disclaimer: I'm one of the developers behind Kik API :)