Update: Read the comments to the item marked as the answer below for the full answer.
I am implementing a Like button from Facebook per this document: http://developers.facebook.com/docs/reference/plugins/like
I am using the XFBML version so that users can add comments when they click on the Like button. I have imported the Facebook JavaScript SDK an am using a valid App ID. The button appears and I am able to "Like" the page, but I am never prompted for comments.
Is anybody else running into these issues? Anybody know of a fix?
Before I had inserted the correct appId in the FB.init() call to initialize the Facebook javascript SDK, the button appeared, I was able to "Like" the page like you, but saw no comment box either.
When I inserted the appId, but hosted the page locally, I got an error message saying that the page could not be reached (from Facebook's servers).
Finally, hosting the page on a public server made the buttons behave as expected: with comment box for the XFBML version, and without comment box for the Iframe.
Hope that helps...
add this style and the comment box will be hidden after you click like.
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
display: none !important;
}
retailevovled is right. I've just found this tutorial which is a bit more detailed (German, but you can use Google Translate): http://www.be24.at/blog/entry/639312
Create an app for this specific implementation, then it will work:
http://developers.facebook.com/setup/
(I too first used an 'old' app-id with the same problems you described.)
Related
I've had this like button/box setup for this specific page for some time. But now it;s stopped working:
Using code generated (for iframe) on this page:
http://developers.facebook.com/docs/reference/plugins/like/
to display this fb page:
http://www.facebook.com/JohnPurkiss
does not display/work. If I amend the like button url in the iframe to another fb page, it does work. I'm not tryinig to use a button/plugin that requires an app. Just a plain 'ol simple button. But it appears to me there is an issue with this specific fb page (johnpurkiss one above)
Any advice/help greatly appreciated.
The problem here is that the "page" you linked to is in actual fact a personal user.
You can not "like" a user in the same way that
you can not add a page as a friend...
or "poke" an event...
or subscribe to a photo...
You'll gave to provide an actual page to be liked.
As you can see from the screenshot below taken from the link you provided, there is no like button to be found.
Only an "Add Friend" and "Subscribe" button. I'm not sure if converting your profile into a page is the way you want to go, but it is possible. You can learn how at this link.
We're using fb like buttons, which worked just fine. Lately it looks like clicking on it gives no indication after it was clicked (the button looks like it wasn't clicked, counter remains 0), though the operation is posted to the user facebook timeline as it suppose to.
I've test my page with facebook linter page and the page looks just fine.
I've test it with the facebook js test page and got the exact same behavior http://developers.facebook.com/tools/console/ (go to examples and choose the "does-like" example, then run it and you'll get an error that doesn't say nothing much).
Does anyone faced this problem lately?
We have same problem here so I think it might be facebook bug or their some recent changes. Clicking on like button generated with http://developers.facebook.com/docs/reference/plugins/like/ gives no indication. If it is checked it won't uncheck, if it is unchecked it won't check. Facebook debug tool shows no errors or even warnings.
Button properties: Send button: unchecked, Layout Style: button_count, Show Faces: false
We use iframe code to place it on page.
Here you can find sample code we use:
http://jsfiddle.net/7nHEs/2/
I tested for XFBML instead of iframe and it seems to work. So this might be solution. On other hand I don't want change all iframe buttons that worked in previous week to XFBML in
all my apps.
Similar to a problem I have read here, but slightly different. I have added the XFBML version of the like button to a page I am working on in a development environment. It appeared just fine to begin with. I clicked like, viewed my Facebook profile, saw that it was shared on my timeline, I then clicked 'unlike' (which I had done before using the iframe version and experienced no problems).
After clicking 'unlike', the button completely disappeared from my page. Although the markup that was generated is still present.
To make this problem even stranger, when placing the like button on a different page I do not experience the same issue. On a separate (3rd) page, I do.
I feel like this is a long shot, but any help would be greatly appreciated.
edit: said 'screw this' and decided to use AddThis for all my buttons. The facebook like button provided through AddThis also does not appear. So confused.
Could you change the href attribute of the Facebook iframe and see if the button appears?
I've added facebook comments to my website using the following steps:
I created a new app herehttps://developers.facebook.com/apps/
In the auth dialog page for the app, I set 'default activity privacy' to 'Public'
I got the code for the comments box here https://developers.facebook.com/docs/reference/plugins/comments/
I used the HTML5 version of the code and added it to my site in the two places specified - right after the body tag and where I want the comments to appear.
I then opened the comments moderation tool for my new app.
https://developers.facebook.com/tools/comments?view=recent_comments
I clicked on 'Settings' and turned on 'Make every post public by default'
I also listed myself as a moderator.
I also added
<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}">
inside the head tags for the page.
When I go to my site - the comments box appears to work ok. I can make a comment, but I can only see comments made by me. I cannot see comments made by people I am not friends with. How do I fix this problem? I'd appreciate any help.
Thanks
Every comment you leave on a facebook-comments driven web site is public, the same way it is on a fan page. Even a non facebook member can leave a comment.
I am looking for a way to turn it off and get the same permissions you have on your facebook wall. Currently, everybody who has the link can see the page content and all previous comments.
Had the same issue and figured out that Facebook grabs urls differently for displaying and submiting comments.
If the url you're providing him in data-href (e.g. short url) is different than the window.location url (url in address bar), then it's probably the case.
P.S. I know that the question is from 2011, but someone else may show up with the same problem.
Facebook like button not working on my site.
It goes from like back to default as if it isn't passing some validation.
http://www.imageizer.com/
Once the problem is detected and solved, I'll edit the question to represent a minimal example that will benefit the SO community. Unfortunately I can't pull out the problem out yet as I'm not sure what it is..
Here is a screencast demonstrating the issue http://see.weareinto.com/8Hbq
I believe this is a problem happening on facebook's end. But, there is a way you can fix it... Just copy the URL of your page and enter it in the Facebook LINTER tool here:
Facebook LINTER -> https://developers.facebook.com/tools/debug
I'm not sure of the exact details of why this works, but from what I've been able to gather, when you run the LINTER tool on your URL it will also update the cache facebook has for your URL. The error with the button working is on the facebook side, so by running this tool and getting facebook to update their cached data for your page, the like button starts working again. I've seen this broken facebook button occur for a few different reasons, one being that a page used to use the old facebook share button. When you add the new like button to a page that used to use a share button, the like button won't work until you run the page through the linter.
Bottom line is doing this will fix your like button. If your facebook button doesn't work on a page, run it through the LINTER tool. Hope this helps!
If you are on Wordpress and you have the "Facebook Comments" plugin enabled, uncheck "Include OpenGraph Meta Information" at the very bottom of the Facebook Comments settings page. This was screwing it up for me.