Cannot 'like' canvas app via Facebook URL, only via source URL - facebook-like

Fairly simple question, but can't seem to find any answers.
Within a canvas app, I want users to be able to like a page that links directly to the app (http://apps.facebook.com/crunchd/profile/545998365), rather than to the source URL (http://facebook.crunchd.com/profile/545998365).
The first link does not work, with the like box appearing and then disappearing quickly afterwards, while the second works fine. It's not styling, as it's being tested with http://developers.facebook.com/docs/reference/plugins/like/
All the og tags are set up correctly, as tested with the linter.
Any suggestions?

Related

Facebook Like button not working for all URLs

I'm trying to fix a problem with the Facebook like button not showing on some urls on our site. It was working fine on all URLs until about a week ago.
It seems to be pretty inconsistent.
Currently i can see the like button on this URL
http://www.chargrilled.co.uk/t-shirts/I-See-Dumb-People-t-shirt.m
But not this URL
http://www.chargrilled.co.uk/t-shirts/Tea-Is-For-Mugs-t-shirt.m
From testing I have found that removing the www from the URL tends to fix the issue but obviously the like counts are different (usually 0).
Strangely when you go to the facebook like button page (https://developers.facebook.com/docs/reference/plugins/like/) and enter the second URL (above) the like button disappears even there.
Have tried so many different things, including stripping all other HTML, CSS and JS off of the page apart from the FB code and still no joy!
Your url is showing up in the debugger with no errors.
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.chargrilled.co.uk%2Ft-shirts%2FTea-Is-For-Mugs-t-shirt.m
suggestion: urls which appear not to be upto date, run them in the url debugger logged in as the admin account and Facebook will scrape the page for metatags.
http://developers.facebook.com/tools/debug
NOTE: If a user adds first like to a button, Facebook could take upto 24 hours to scrape the page or og tags, if an admin creates first like, it is done instantly. After first like either way, Facebook re-scrapes the page about every 24-72 hours.

Adding a Like button to my web site

I've added a facebook Like button to a few of my web site pages. All of them work except for the home page and I can't figure out why?
It is almost impossible to answer this question without seeing some sample code of your "home page".
Check your page with https://developers.facebook.com/tools/debug
If the response code isn't 200 or your meta tags don't appear properly or whatever else, at least you'll know where to look. Keep in mind that when you click like, Facebook makes a request to your page. Make sure you let Facebook do that (don't block/Redirect the Facebook crawler).
Edit: Sometimes, simply adding your URL and testing on the link above solves the problem. This is if you had a problem with the site when you first added it and meanwhile Facebook cached it as problematic. Debugging it will clear the Facebook cache for that URL.

Facebook Comment page through API

I've searched for a while but I've only found the Facebook UI, that has some basic dialogs. Maybe some of you know some iOS apps that can open the comments page in a new "page" (e.g. Flipboard). Is there a way to show the comment page directly from Facebook or I have to simulate it through the API?
UPDATE: Not a page comment box. I want to show the comments of a post.
It is possible to create a facebook app showing your comment box. The same comment box can be showed in different pages/ urls using the "data-href" url.
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
You could eventually add an static url in a database or something like that to wich you can always refer.
I dont exactly know what you want but i hope this helps

Facebook Like button og:image needs to be scraped to be displayed

I've got a Drupal website with articles on them which have Facebook like buttons.
Now I've got all the OpenGraph metatags added on the pages and it's all working perfectly except for one thing.
Site visitors can share a page URL or like a page URL.
When a new article is added and the first person who presses the like button will not see the image added in the og:image tag.
If another person afterwards presses the like button, the og:image however is visible so it seems to me Facebook needs to scrape the page first before the og:image is added in the 'Facebook Like window'.
The Facebook share doesn't seem to suffer from this problem and does it right from the first time.
Now whenever somebody adds a new article, I'd need the URL of the article to be scraped automatically by Facebook using some PHP code or some other fix...
Anyone who knows if autoscraping a URL is possible or does anyone have an idea for a workaround?
You can use the graph API with scrape=true to force Facebook to scrape you right when you create your contents
https://developers.facebook.com/docs/beta/opengraph/objects/

Help with design a facebook integration for my website.. App or Page?

I´m building a website to post my own videos using JW Player running my own ads as overlay.
www.planetsnowmobile.com
All my videos will be
Instead of register my own users, having my own forum etc etc I want to use facebook to interact with my visitors:
Individual discussions/comments on individual films instead of my own comment/forum-function
facebook-like-button for individual films (so induvidual like buttons for individual films)
Share induvidual films
Grab location from every unique visitor
Where do I start?
Do I need to create an application or should I use a Facebook "page"?
Maybe both?
I see that i can add an application to a "page" but what does that really do? How do I use that?
What would be the best way for me to do this?
I already have a Facebook "page" for my website and I just created an App as well.
Which one should I use?
Do I need both?
What is the difference?
I know that I can create a like button for a website address on http://developers.facebook.com/docs/reference/plugins/like/
But can I monitor that like button from example an application if I can connect them somehow?
Is that something I want to do?
My Facebook-page already have a user-base where my Facebook-application does not.. is my best option to delete my "page" and start all over with my "application"?
App is their encompassing term for any application that uses their API, this could be on Facebook or on your own personal website - these require an API key to make authenticated calls for users. Pages are FB's own in-Facebook content that users have created, like page for a business located at facebook.com/mybusiness. It sounds like you already have a website and want to add Facebook functionality to it, so you don't want to make another Page. You may not even need to create an App. Things like comment boxes and like buttons can be dropped in as stand-alone copy-and-paste widgets. You can track the like button by enabling FB insights for your website.
So like you noticed you can add a like button to your page using the social plugin from http://developers.facebook.com/docs/reference/plugins/like/ - similar to the like button you can add comment boxes with the plugin at http://developers.facebook.com/docs/reference/plugins/comments/
You can track the results from these plugins by adding your website to Facebook's analytics (Insights) at http://www.facebook.com/insights/
Most of these things are powered by the opengraph metadata in the headers of your website's pages. You can read up on what tags FB uses here http://developers.facebook.com/docs/opengraph/
Everything at http://developers.facebook.com/docs/plugins/ can be used without an application or page ID, and is very good about being responsive to the page they are hosted on: you can add a like button to your video view template without a defined URL in the like button's parameters, and it will automatically direct any likes to the url of the currently viewed video.
You could also direct a like button to point to your existing FB Page, in which case any likes collected from it would be added to the Page's total. Most companies that have a home-page like button do this, so their likes all accumulate to a single total for their business.
Hope that helps.