I am trying to get my head around this FB API thing and I wonder if it is possible to share likes between FB page and a website.
For example: I have a website example.com that has a like social plug-in button on it, I also have a FB page(as recommended by FB, not sure why I need one) for example.com.
What happens when the user clicks on like? Is it possible to interconnect these entities so that the likes don't get scattered?
You can change the Facebook like-button to a like-box containing the id of your page.
An example of this would be:
<div
class="fb-like-box"
data-href="http://www.facebook.com/example.comFB" data-width="300"
data-height="300" data-show-faces="true"
data-stream="true" data-header="true">
</div>
Related
I want to add facebook like buttons on my website - they should add likes to some posts on my facebook page. The trouble is that though I set a post URL in href, buttons applies to the page, not the post and likes counter shows total likes for page, and not that single post.
<div class="fb-post" data-href="https://www.facebook.com/eightblackdots/posts/837235539689618/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
What am I missing?
It´s not 100% clear in the docs, but you can only use the Like Button for an external URL or a Facebook Page, but not for single posts or anything else on Facebook.
I am working to create a website using wordpress. There are a number of posts in my web site. I am to add the facebook comment button that appears below every single posts in my site. For this purpose I used the facebook social plugin.
I added the codes generated at facebook developers site to my single post page file. Now the problem is: The same comments appear in every page in my posts everywhere. how can I make this a specific one .
<div class="fb-comments" data-href="http://rabindraadhikari.com" data-width="600" data-numposts="3" data-colorscheme="light"></div>
I want to change the data-href part of the code so that it assigns the url according to the page where it is displayed.
The format of the posts url belonging my site is www.domain-name.com/post-id
How can it be done??
Somewhere, I found it can be done like this but it didnt work
<div class="fb-comments" data-href="+location.href+" data-num-posts="3" data-width="470"></div>
location.href is a property from javascript, so
<script>
document.write('<div class="fb-comments" data-href="'+location.href+'" data-num-posts="3" data-width="470"></div>');
</script>
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/
The following website and Facebook page show different 'Like' number counts. The Facebook page shows 125 'Likes'. The website only shows 18 'Likes'. Why are these numbers not the same? What can we do to make them match?
The like button on your website needs to refer to your facebook page. To do this just change
<div class="fb-like" data-href="http://www.customdocksystems.com" data-send="true" data-width="100" data-show-faces="false" data-colorscheme="dark"></div>
to
<div class="fb-like" data-href="https://www.facebook.com/customdocksystems" data-send="true" data-width="100" data-show-faces="false" data-colorscheme="dark"></div>
and the like button on your website will show the number of likes that your Facebook page has. Furthermore, when a user clicks the like button on your website they will like the Facebook page so you can keep in touch with them through that.
The catch to all this is that when people click the like button on your website after this change, the story that is shared to Facebook will direct users to your Facebook Page instead of your website.
Check out "Can I link the Like button to my Facebook page?" on https://developers.facebook.com/docs/reference/plugins/like/ for more information.
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 …?