I thought the like button was supposed to show a number of likes per page and not per site. Am I correct?
I put the like button on my site http://www.hikingsanfrancisco.com and if you look at different pages of the site, they all show the same number of likes as though it is a universal number for the entire site.
My like button code is in the header div and I suspect the repetition may be happening because of that.
Any ideas/thoughts?
Thank you!
You can use the XFBML version, which will like the current page if the href is not specified:
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="button_count" show_faces="false" width="450"></fb:like>
hi dear its just because that you are using the same url on every page. You can set your your dynamically.
<iframe src="http://www.facebook.com/widgets/like.php?href=<?php echo('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?>"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px; background-color:#CCCCCC"></iframe>
I hope it will work
This page will show you how to set it up so each page URL can be liked.
Facebook reference document
I think the problem must be other, because I'm using the following
< fb:like href="http://tienditas.net/{{storename}}/{{productoid}}" send="true" width="320" show_faces="true" font=""></fb:like>"
Which produces a unique URL for each page "like" button, and still have the same problem about showing a universal number for the entire site.
Related
<%--Facebook Like Box--%>
<div class="fb_iframe_widget">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FRumour-Entertainments-Agency%2F63822323174&width=260&height=350&show_faces=false&colorscheme=light&stream=true&border_color&header=true&appId=123233914444256" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:350px;" allowTransparency="true"></iframe>
</div>
It looks like facebook have been tinkering yet again! If you have a like box on your website it will only show up if you are logged in to facebook itself! What is the point though? What if a person does not have facebook? Is there a way to keep the like box on the website without having to log in to facebook to view the like box?
Am i not passing the facebook security checks if there any? Dont know whats changed from before so bit clueless at the moment.
I think the reason is that you are referring to page which requires authentication.
I see you have in src attribute value of your URL as follows:
http://www.facebook.com/pages/FRumour-Entertainments-Agency/63822323174
and when you try it in browser separately it requires authentication
Ok, this is the iframe I get from official API
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.gabbatracklistworld.com%2Findex.php%3Fexplore%3Dview%26trackid%3D586&send=false&layout=button_count&width=450&show_faces=false&font&colorscheme=light&action=like&height=21&appId=225322387567317" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
it works well! I click Like, and I see on facebook that I LIKE that page. BUT, when I click from Facebook to the link, going to that page :
http://www.gabbatracklistworld.com/index.php?explore=view&trackid=586&fb_action_ids=10200316597536577&fb_action_types=og.likes&fb_source=timeline_og&action_object_map=%7B%2210200316597536577%22%3A10151528903177923%7D&action_type_map=%7B%2210200316597536577%22%3A%22og.likes%22%7D&action_ref_map=%5B%5D
I see that "I don't like it" anymore. Seems that querystring added by Facebook is another location than previous page.
Is it a bug? How can I fix it?
If you go to http://developers.facebook.com/docs/reference/plugins/like/
and paste http://www.gabbatracklistworld.com/index.php?explore=view&trackid=586
and then press get code. You'll see a tab called iframe. It says:
This plugin does not have an iframe implementation with the selected
options. Please use the JavaScript SDK and the HTML5 or XFBML
implementations, or change the value of the send parameter.
You need to use the first implementation, embed the javascript sdk, and create the like button using html5 or xfbml. The tabs explain exactly how.
I have a facebook like button on my Full Article page, but I would also like a facebook like button somewhere in the header where it gives the ability to like our
"Facebook Page" and have nothing do do with an article on our website, by liking the actual post and sharing it.
I use sharethis for the like button for the article page along with all of our sharing, but i also have a separate area that is just a like button for users to like our "facebook page".
For some reason when the page loads. Sometimes none of the like buttons show up, or sometimes only one shows up, and the other is not there.
Any input or suggestions would be very appreciated. Thank you :)
Go to : http://developers.facebook.com/docs/reference/plugins/like/
Write the facebook page url get the code then paste it on your website
You can have multiple different Like buttons on your page that Like different URLs (such as your Article Page and your Home Page.)
To do that, simply specify different href parameters in your different Like buttons. Here is an iframe example:
<iframe
src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.yourpageurl.com&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font&height=21"
scrolling="no" frameborder="0"
style="border:none; overflow:hidden; width:100px; height:21px;"
allowTransparency="true">
</iframe>
The href parameter of your Like button is what specifies which page the Like action is tied to, and it can be different from the page you are currently on.
We can't easily help you figure out why your buttons don't show up unless you post some code.
From what I understand, the og:image is part of meta tags that appear in the <head> section of the page.
Our ecommerce package can show multiple products on one page. I want the Like button on EACH product, so when a user clicks the Like button, it will post that PRODUCT on their wall, along with that individual product image. Since the meta tags are generated at the top in the <head>, before the products are pulled and displayed on the page, I have no way to set up my og:image meta tag to be appropriate for that product.
I have tried using the Like button code like this:
<div class="fb-like"
data-href="http://kaysbeadedjewelry.com/asccustompages/products.asp?productID=29"
data-send="false"
data-width="30"
data-show-faces="false"></div>
but it displays the wrong image on the page. I have tried this on different sites and cannot figure out how it decides which image to grab and display. It seems to grab a random image from the page. Each client's site I've tried this on grabs different images from different locations on the page.
I have also tried using the iframe code:
<iframe src="http://www.facebook.com/widgets/like.php?href=http://kaysbeadedjewelry.com/asccustompages/products.asp?productID=29"
scrolling="no"
frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
and it also gives me the same issue.
How do I get Facebook to show the actual product image and not some random one?
you would set the og: tags on each individual products own page, then on the summary page where you want your fb button, make the url of the like button be the url of the product page. Then the like will be on the product itself, not the summary page.
Make sure you are using the linter to check what og tags facebook is getting for each of your pages
I've been trying to use the Like button generated here:
https://developers.facebook.com/docs/reference/plugins/like/
But so far, the only thing that happens when I click on it is:
Popup opens, facebook link loads on the popup but nothing happens (blank page)
The button on the page changes to "1 Like" and then changes back again to "0"
No noted errors in Firebug.
I've been searching and searching for an answer to this, but so far have come up with nothing. Not sure if anyone has a solution to this?
I've already checked the cookies thing with Firefox, but even with Chrome and Safari this is a problem.
No answers here either:
https://www.facebook.com/topic.php?uid=14696440021&topic=16716
It's odd because I've seen some sites where the Facebook Like button works - is there something I'm missing? I'm copying + pasting it exactly as it's generated.
<iframe src="http://www.facebook.com/plugins/like.php?app_id=APPIDHERE&href&send=false&layout=box_count&width=60&show_faces=false&action=like&colorscheme=light&font&height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:90px;" allowTransparency="true"></iframe>
OR
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APPIDHERE&xfbml=1"></script><fb:like href="" send="false" layout="box_count" width="60" show_faces="false" action="like" font=""></fb:like>
I had same problem with my one of Wordpress post.
can u tel me where u r using it? with what kind of content.
Edit:
<fb:like href="http://yourdomain.com/page.html" send="false" layout="box_count" width="60" show_faces="false" action="like" font=""></fb:like>
This sounds like an issue that's particular to your url, and should not be related to enabling third party cookies. Have you tried putting your url (the one to be liked) through the linter on the developer site to see if there are any errors?
http://developers.facebook.com/tools/debug