I have added a facebook like button to my site at http://forkmyreligion.com. I have triple checked all the settings for the app on my developers.facebook page and I'm pretty sure its all correct - the domain is correct, the website url is correct and I have the correct app id for the application.
The problem though is that clicking on the like button results in the user liking the facebook social plugins page rather than my page.
Any ideas what the problem might be?
Thanks
The Like button on your page is Liking the social plugins page because the Like button on your page has a data-href parameter which is explicitly configuring the like button to like that URL:
You have this:
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-colorscheme="light" data-layout="standard" data-action="like" data-show-faces="true" data-send="false"></div>
You need to set the data-href to the URL you want the button to display and increment the like count of.
This parameter is mentioned on the Like button documentation and the example in the documentation is the URL https://developers.facebook.com/docs/plugins/
Related
Edit: +1 is working now.. only the facebook share is still broken
I've added some social buttons to this Website hgw-Hausnummern.de
The +1 button doesn't work at all and the Facebook like button only works for simple likes, but if i want to share the site (from within that dialog you see after a like) this share doesn't show up in my timeline.
What did I do wrong?
I'm not sure what's up with your Facebook Like button, but I do see one issue with your +1 button markup.
Your current +1 button markup looks like this:
<div class="g-plusone" data-size="small" data-annotation="none" data-href="www.hgw-hausnummern.de"></div>
You must specify the target website with a full URL. Try changing your code to:
<div class="g-plusone" data-size="small" data-annotation="none" data-href="http://www.hgw-hausnummern.de"></div>
I am using facebook like social plugin as follows.
<fb:like send="true" width="320" show_faces="true" font=""></fb:like>
If there is no href defined, this is said to be pick the current page.
I have a news website and I just want to integrate this like plugin per page, and when someone like a specific news page, i want that to be displayed in user profile.
However this is not the case right now.
I have debug it with firebug and it s getting/sending correct URL to facebook but on facebook profile, i dont see that URL that was liked.
How can i do that?
Why don’t you just put the actual URL into the href attribute of fb:like …?
I want to add a like/recommend button to a facebook tab.An example of facebook tab is this.
The problem with using facebook like/recommend is that if we have done fan gating and the user has to like the page before he/she can view the content of the tab, then the like/recommend will always be greyed out, since the page has been liked.
So in particular I want the user to like a section of the page not the complete page.
I have gone through the net and found out some hacks for it like this and this.
I don't want to use fb:comments or fb:share as they have been deprecated. Is there any other way around.
Place this code inside your page:
You need to specify data-href to your particular link.
Leaving it empty gets facebook to like the current page.
<div class="fb-like" data-href="http://www.google.com" data-send="true" data-width="450" data-show-faces="true"></div>
I'm using a 503 page as a 'coming soon' splash page. It has a FB like button on it.
I have been able to get the description and title to pull across, but the url of my site is wrong..
my normal url is like example.com, and the url displayed is my dev site - dev.example.com
I have searched all the files I can think of for dev. and can't find it anywhere..
Clicking the title link provided on facebook actually takes you to the correct url, but it's just the url displayed underneath that is visually wrong.
any ideas?
check the configuration of your app in fb or:
<div class="fb-like" data-href="YOUR_URL" data-send="true" data-width="450" data-show-faces="true"></div>
or
<fb:like href="YOUR_URL" send="true" width="450" show_faces="true"></fb:like>
Is there any server side redirection from your example.com to dev.example.com? The Like button script will resolve those and present the user with the end URL.
We want to integrate the facebook login button plugin, facebook like button, facebook comments with in one page for different purpose.
But we found that they all using the same div id #fb-root. As we know, one div id should be used only time for one page...
How to solve it?
You only need one fb-root. The like button, login, etc will generate where you put the "like", "login", etc tags.
<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>
"Include the JavaScript SDK on your page once, ideally right after the opening tag."
This contains fb-root
Then, Place the code for your plugin wherever you want the plugin to appear on your page.