Add like box to header of my app? - facebook

Does anyone know how to add "like box" container to header of my application like here?
This one:

There you can find all tools and api which facebook offer for developers:
http://developers.facebook.com/
Likebox is there too.

here is official facebook info. There is also code around to enable more social media sites like this.

Related

Facebook Like Box not working for specific facebook page

I'm trying to embed a facebook like box to my website and am using the facebook developer like box too. I find that when pasting in the facebook page no activity, posts or anything appears in the box.
I've tried testing using different facebook pages and it works fine for those. Just not the facebook I want.
I'm really not sure why the facebookpage is https://www.facebook.com/thelopesarms?fref=ts
Any suggestions would be appreciated.
Thank you
I had the same problem.
Clear all your cache.
It's like a recent problem on like-box. But after I fixed with this, my plugin shows one more face than before :S

Can't use facebook sharer.php custom parameters in mobile sites

I own a jQuery mobile website. There i using facebook share option with custom parameters to add title, description, image with link
Like below,
https://www.facebook.com/sharer/sharer.php?s=100&p%5Burl%5D=http%3A%2F%2Fgoogle%2F&p%5Bimages%5D%5B0%5D=https://www.google.com/images/srpr/logo3w.png&p%5Btitle%5D=My%20own%20title&p%5Bsummary%5D=My%20own%20description
But when i try the same link to mobile, it will redirect to
http://m.facebook.com/sharer.php?s=100&p%5Burl%5D=http%3A%2F%2Fgoogle%2F&p%5Bimages%5D%5B0%5D=https%3A%2F%2Fwww.google.com%2Fimages%2Fsrpr%2Flogo3w.png&p%5Btitle%5D=My+own+title&p%5Bsummary%5D=My+own+description&_rdr
which means, it will add m.facebook at the start of share url. so it wont work with custom title, desc, image & link.
Anyway to fix this? or how to force mobile web to not to go with m.facebook.com ?
You can prevent Facebook from going to the mobile site by adding a ?m2w parameter to the URL. Then, sharer.php works like usual.
e.g.
https://www.facebook.com/sharer/sharer.php?m2w&s=100.... (etc)
Looks kind of bad though, looking for a better answer.
Edit: Sharer.php has been deprecated, see Felix' answer below.
sharer.php has now been deprecated.
https://developers.facebook.com/bugs/252983554810810/
The new method is to use the share dialog:
https://developers.facebook.com/docs/sharing/reference/share-dialog
e.g.
https://www.facebook.com/dialog/share?
app_id=145634995501895
&display=popup
&href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F
&redirect_uri=https://developers.facebook.com/tools/explorer
url for mobile is supported as u, and title is supported as t
http://m.facebook.com/sharer.php?u=<urlencoded url>&t=<urlencoded title>
source
Use the mobile url to fix the problem in mobile devices, Facebook will redirect to the share dialog in desktop.
http://m.facebook.com/sharer.php?u=<urlencoded url>
Here is an example:
https://careers-hangarcr.herokuapp.com/job/apply/55c277c0fb8b040300622602

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.

Creating a Facebook App

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

facebook like page with url to application

I have been trying to create a Facebook like-page with a like linke/button to my iphone application. Like Camera+ (http://www.facebook.com/CamPl.us). I just can't find anyway how to make a page like camera+ - Any help?
I found out that this feature is outdated or disabled from facebook :-/
https://stackoverflow.com/questions/7273559/how-do-i-change-download-app-button-url-for-facebook-app