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.
Related
We have integrated facebook comments plugin for our website with about 8 lakh dynamically created pages(all similar purpose). The href for the comments plugin is dynamically generated, same as the page url.
Further we have created an app for the same and obtained an appId for moderation of comments by adding the required meta tag.
On the dashboard of the account we see the user comments as they are posted with the public comments and moderator views, but we are unable to obtain the actual url of the page on which the comment has been made.
This may be required sometimes to reply to some question that a user has asked on the page.
The reply can be made from the dashboard but certain information in the user query is hidden in the context of the page, so unless we know the actual page url, we are unable to solve the query.
Please let me know how can I know the url of the page on which the comment was made.
First you'll need to go to the comments moderation tool (https://developers.facebook.com/tools/comments?id=YourAppId).
There you'll see by default the 'Public Comments' view. From the same row where the Settings link is change the view to 'Moderator view'.
There are all the comments listed (just like in the public comments if there's any) but under the comment there is a 'Visit Website' link and that link throws you straight to the correct page.
I have set up the facebook comments on a site I am developing. I am working in ASP and have a header and footer. I placed the code in the footer. It shows up and works fine except that each page shows the same comments. I was hoping to have each page have its own comments. Does anyone know how to do this?
example: I comment on the home page, it shows up on the comments for the whole site.
I would also like the comments to show up on the facebook page.
Any help would be appreciated.
Thank you in advance.
Look at a few of your pages in the debugger. My guess is you have a single canonical url for all pages.
Getting comments to show up on your Facebook page is not supported with the comments plugin. You need to create an app and post Open Graph actions to your page to do that.
I want a Like button on my web site that Likes my Facebook profile (rather than my web page), so that when a user clicks it they subscribe to my Facebook posts.
I've created the Like button using the tool at https://developers.facebook.com/docs/reference/plugins/like/
Further down that page there is an FAQ entry:
Can I link the Like button to my Facebook page?
Yes. Simply specify the URL of your Facebook page in the href
parameter of the button.
So, I've edited the href parameter to point to my Facebook page. eg:
https://www.facebook.com/myfacebookid
When a user clicks the Like button it has the desired effect. The user ends up having Liked my Facebook page. This is easily verified by the user going to my Facebook profile and checking that the Like button has changed to Liked.
But. When the user clicks the Like button, and entry appears in their News Feed with a generic Facebook description. ie:
Facebook is a social utility that connects people with friends and
others who work, study and live around them. People use Facebook to
keep up with friends, upload an unlimited number of photos, post links
and videos, and learn more about the people they meet.
I don't want a generic post about Facebook to appear. I want the description to relate to my Facebook account and/or web site.
Normally, I could modify this behavior with the Opengraph og: description tag, but as the page in the href is a Facebook page and not my own, I can't control the Opengraph tags.
I'm pretty sure that this was working okay before I enabled timeline for my account, so maybe this is a timeline bug?
So, how do I add a Like button which a) Likes my Facebook profile rather than one of my own web pages, and b) Posts a description of my Facebook profile rather than give a generic Facbook description?
Are all your fields in the info part of your page filled in, and/or completed? I just tested your theory and it seemed to work as expected, only thing is I know all fields in "info" are filled it. Give that a try.
This may happen if you have filled invalid/incomplete/wrong og tags in past and later changed them. Facebook's cache creates problem sometime.
Try putting all the entries (i.e. all og tags) and then debug them here http://developers.facebook.com/tools/debug. This debugger gives a detailed info about the url with og tags and also clears the cache for you.
This should solve the problem.
You have 3 important fields that used on page opengraph: Name,Description,Profile Image.
They are used when some one post your link on Facebook, or Google or some else web service that handle opengraph.
Actually, the suggested answers currently do not work and there is an open bug / ticket on Facebook for it. Up to now, there's no fix.
The problem is that you can not use simply https://www.facebook.com/myfacebookid. You should copy and paste the exact page URL. If you have a low number of likes it would look something like https://www.facebook.com/pages/[YourPageName]/[Your page Id]/, and this is the URL that you should use at this point.
If it does not work, try also https://www.facebook.com/[YourPageName]/[Your page Id]/.
In short, copy-paste the URL, do not type it manually.
I'm trying to add a facebook "like" button to my page, and it is appearing just fine. My problem is that once it is clicked by a user, it says "Like NUMBER" then resets as if the request was canceled or something.
The weird thing is that if I try to like a page using my facebook account it works, but I tried letting a friend like some content and this behavior appeared.
I created a facebook app, specified the site url with a trailing slash, and site domain. I used the app ID with FB.init, and with the open graph tags. I can't figure what I'm doing wrong here. Any help would be appreciated.
Sample page can be found at: http://wiseolive.com/en/doctors/3881-khalid-jamal-salaymeh
First, for the count to work correctly, Facebook needs to have access to the page (in other words a public page). Check your URL in the linter tool (https://developers.facebook.com/tools/debug) to ensure it can been seen by Facebook.
Secondly, ensure your og: tags are correctly setup. Once again, you can use the linter tool to do that.
Facebook like buttons will show this behavior until they have been scraped by Facebook. That scraping (facebook like docs) will occur every 24 hours, when an admin clicks the like button or the url is put in the url debugger/linter. From what I can tell doing that will solve the problem for that specific link, but not any others you may have on your site.
I don't know of a generic solution for dynamically generated pages unfortunately.
When we first put up a blog post, Facebook often (but not always) gets confused about what the page is. Specifically, if you try to use the Like button on the blog page OR if you try to share via the Share link on your profile, Facebook will see the root blog page rather than the actual post page.
For example, we recently posted:
http://thisorthat.com/blog/2010-song-of-the-year-round-1-results
If the user "likes" it, it returns the title for:
"http://thisorthat.com/blog"
When you run the post URL through the FB Linter, you can see the problem.
"http://developers.facebook.com/tools/linter?url=http://thisorthat.com/blog/2010-song-of-the-year-round-1-results"
In the Debug section it shows an extra og:title, og:url, description and og:image (the last 4 rows of the Debug section). This is the meta data from the root directory. What we cannot figure out is why. Why is Facebook seeing the correct meta data on the page and then also pulling the meta data from the root directory (and using that incorrectly to populate the data for the Like button and the Share URL tool)?
One other oddity. FB "figures it out" after a few days. Of course, by that time relatively few people are viewing the post.
UPDATE -- I want to thank Peter Bailey again for his answer, but we also discovered that there was another issue that we had to resolve before the Like button worked.
The issue was that we were displaying the Facebook the Like button on a post that was not yet published. The problem with this is that FB then can't resolve the URL and "guesses" as to the correct URL. In our case, it always guesses thisorthat.com/blog. Unfortunately, it then caches that guess for a number of days and that cache cannot be cleared by the Linter. So the ultimate solution was to both fix the og:type as Peter suggested, but also to remove the Like button from the blog post preview. It's very important that you don't show FB a page before it's published or if you do, change the URL.
Pretty sure it's your Open Graph type that's the problem.
<meta content="website" property="og:type"/>
Per the documentation
Use article for any URL that
represents transient content - such as
a news article, blog post, photo,
video, etc. Do not use website for
this purpose. website and blog are
designed to represent an entire site,
an og:type tag with types website or
blog should usually only appear on the
root of a domain.