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 :)
Related
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.
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.
I am writing an iphone program which use facebook and twitter api.But I can't find any suitable icon to use as toolbar icon. The twitter icon should be a white "t" and the facebook icon should be a white "f",and they must like the responding official logos.thank in advance!
http://findicons.com is a cool resource for icons. If you're looking for official ones, then Twitter actually has downloads on their site that you can use, http://twitter.com/about/files haven't seen equivalent ones for Facebook though, but they might be hidden somewhere on their site..
If Twitter or Facebook don't provide these in their SDK's then you should carefully consider if you are breaking any copyrights, etc. before using their logos. Even if these icons are available "freely" on the internet you might get into various problems.
Try this one:
http://www.komodomedia.com/blog/2009/06/social-network-icon-pack/
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.
I have a web application that I am trying to port to Facebook. The app uses a few external javascript files. So initially I wanted to create an iframe Facebook application. However, it turns out that you cannot use iframes when creating a tab application(which is a requirement). By tab application I mean placing your app on the profile page next to the wall, info, photos, ect. tabs.
Does any one know of a good tool to help convert my javascript to the FBJS scripting? Or better yet does anyone have a work around so that I can include my own javascript in this tabbed application?
Thanks for the help.
From my understanding loading external js is disabled when the user first visits the tab page (the passive page). But, once a page loads and the user interacts with it in some way (ajax post, redirect) the page is "active" and you can run flash, javascript, etc...
If you're using Ruby on Rails and Facebooker, I wrote a nice little tutorial on how to inline your javascript inside a profile tab while keeping your code DRY :
http://modelix.net/2010/03/javascript-inside-a-facebook-profile-tab/
I thought you might find this interesting, how to add a Live Chat Tab to a Facebook page:
http://apps.svpn.com/live-chat-tab-for-facebook-pages/