On my blog I added the like button to the end of the posts. I have had it installed for about seven months now and it still does not work properly. I added the Javascript SDK and then the appropriate code to my Blogger template (develops.facebook.com) and while it appears on the blog it does not work properly.
Basically, if you click "like" at the end of any post, it will appear in the person's newsfeed but NOT as the individual post. Instead, the generic homepage of "Bases and Baskets" appears in the newsfeed. The interesting thing is that even though the generic logo and blogger description appears, if you click the link itself it sends you directly to the appropriate page. Not sure why...but as you could imagine I would prefer it to work properly and show the article. Also, I want the image at the beginning of the post to appear rather than my Facebook page's profile picture (which you can see here).
Not only is this a problem, but if you click "like" at the end of any one article, the like button remains depressed for ALL posts on the site. For example if one "likes" article A, and ventures to article B, the like button at the end of article B is depressed. Furthermore, the "like" tally at the end of ALL articles is exactly the same (~615).
I can attach a couple pictures that hopefully help, as well.
This has been quite frustrating as you could imagine, and became even more so when I made a new blog, Left Coast Chronicle, recently and everything works! If anybody can help me fix this I will give you all of the info I have to help (email address, chat info, complete HTML template of my blog) if you need it.
Thank you so much!!
First of all: omg...this page is HUGE to load!
Secondly: you have missed one important parameter in your like button: the href attribute.
Your script:
<fb:like font='' href='' layout='button_count' send='false' show_faces='false' width='450'></fb:like>
Solution:
<fb:like href='LINK_TO_BLOG_POST' layout='button_count' send='false' show_faces='false' width='450'></fb:like>
Otherwise, the like button will like the current site it sits on (which is - you guessed it - the home page http://www.basesandbaskets.com/)
Third: you have the <div id='fb-root'></div> before each like button. Please use this only ONCE!
Hope this helps.
Related
I'm working on a site for a client. The site is built in Joomla and is using a Facebook like button on each page. When a user clicks a like button it unclicks itself after a second or two.
I've seen several similar problems here but none have provided enough insight to help me figure out what to do to fix this problem.
I ran the page through the Facebook debugger:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.theartoflove.net%2Findex.php%2F9-blog%2Fmen%2F27-go-ahead-and-ask-her-out
but I don't have a clue how to figure out what that result is telling me. The URL I used as a test in the debugger is:
http://www.theartoflove.net/index.php/9-blog/men/27-go-ahead-and-ask-her-out
Anyone know what I need to do to fix this problem? It seems to happen regardless of what like box I put on the site (I've tried three different ones so far).
My sincere thanks for any help!
When I clicked the like button, a small 'CONFIRM' link appeared under the "Like" widget, i had to click the 'CONFIRM' link (which brought up a dialog box asking me to confirm that I liked the page) in order to get the "Like" to stick.
See image
Facebook sometimes makes the arbitrary determination that your page is 'spammy' and adds extra precautions like 'CONFIRM'. That may be part of what is going on.
The code is reentrant and the developer is flipping the bit instead of verifying the current state with a conditional before setting the value. (This is a common coding mistake. Too common.)
I always find concrete examples help the most... so here's an example URL:
http://www.humanreligions.info/humanism.html
The comments and like button work as expected. But if I user has clicked on this link to get the the page, or if they click on one of the menu items and then happen to refresh the page, the browser URL is:
http://www.humanreligions.info/humanism.html#Organisations
and none of the likes and comments from the base page show up. Because of the anchor, FB is treating it as a whole new page, which is not what an anchor means nor what I want it to do.
Questions/answers on this (I've been searching for a while, sure that others must have stumbled across this simple bug!) all seem to be where people do want the # to mean something special. This was asked a year ago here facebook comment count url with an '#' anchor tag? but there are no answers,
Here are relevent code snippets from the page:
LIKE BUTTON CODE (simplified):
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.humanreligions.info%2Fhumanism.html"></iframe>
COMMENTS:
<div id="fb-root"></div><fb:comments href="http://www.humanreligions.info/humanism.html"></fb:comments>
MISC:
<meta property="og:url" content="http://www.humanreligions.info/humanism.html">
What else does it require to make FB treat one page as one page regardless of (irrevelent) internal anchors?
I know that I'm really late with this, but you can add a the data-href attribute to the facebook like button when you are using the XMLNS version of it, which I can see is being used from the comments section. So for your example you would put:
<fb:like layout="box_count" action="like" show_faces="true" share="true" data-href="http://www.humanreligions.info/humanism.html"></fb:like>
I want to make a button that shares links in this form:
http://example.com/#anchor
but when i click it, it shares only
http://example.com
How could I make it share what I want?
This is very simple; your URL string you want to share should be like this: http://www.domain.com/hello.html%23myanchor
The %23 will be transformed by Facebook into a #.
Your question is not very detailed and it's not easy to understand exactly what it is you're asking for..
Since the share functionaliy was deprecated I assume that you are talking about the Like button.
As you can see in that page you can put what ever url you want into the "URL to Like" field, then click the "Get Code" button and use that code in your page.
You can put the code in any page, so if your page is: "example.com/#anchor" you can still have the button like "http://example.com" or the other way around.
If however you want the user to like "example.com/#anchor" but when someone clicks on the liked link he will get to "example.com" then it's not possible.
I just thought about this (because I have the same problem).
My idea is to share a php link with a variable, let's call it 'a' for anchor, which is the anchor without # so that facebook won't remore it.
Thus you share the link:
http://www.mywebpa.ge/?a=anchor1
Then you just have to recover the value of 'a' with php and add a little script which makes you go to the anchor.
I hope it will help you.
Regards
i am totally new on stackoverflow and i am pretty green in editing.
anyways maybe i can find some help here. i am running a blog
http://piecesofberlin.com - on every post u can find a facebook like button on the bottom,
and a share link on the right sidebar. i am using a wordpress fb likebutton plug in.
when i like a post the thumb nail of the picture and the title appears, but also
"You may use these HTML tags and attributes:
" which is shown on the very bottom of the post....how can i get rid of it???
any ideas?
thx in advance
flo
Ok - the information that the "send" button displays are to do with your og:tags. Each post has to have a unique url (which it does becuase you managed to place different like buttons on each post). The og:tags need to be present for each post too. I see you placed the og:image tag only - you'll need more information. You can user this great took - URL Debugger to test your urls, and you can use this reference - Open Graph Protocol to see exactly what tags you must use.
I'm writing facebook app in fbml (not in iframe).
I added comments with <fb:comments ...> and it appears to work.
However, to add a comment, user has to click Add a comment... link to see the textarea and post button.
I am wondering is there a way to automatically show the form?
I want it to really look like here:
developers.facebook.com/docs/reference/plugins/comments
(with or without the like button)
well... to answer my own question:
it's documented at
developers.facebook.com/docs/reference/fbml/comments
The showform parameter.
Maybe it will help someone.