I want to have multiple Facebook Like Buttons on a single page, all pointing to the same URL. My understanding of the Like Button is that you are liking the URL of the page. But, say for example I have a page with several product attributes, maybe a t-shirt in different colors (Red, Blue, Green, etc.). Each of these colors does not have it's own URL.
Is it possible to like the same URL multiple times? Person likes Red Shirt, Person Likes Blue Shirt, etc.
I attempted to do this with hashtags, yet this did not work. Initial thoughts were to dynamically change the Open Graph Meta tags via Javascript, but A) that doesn't combat the issue of the same URL, and B) that would only work assuming the Facebook API pulls the information from the Meta tags immediately after the click, and not on initial page load or with a separate remote call.
Any ideas?
NOTE: I can not append a query string to the url (i.e. mysite.com/t-shirt?color=red )
You should really consider creating a single page for every product.
This will bring you additional benefits:
- images and product links in the news feed;
- much better seo for the single product;
- much better seo for your website.
Are you using a cms?
EDIT:
There are a few examples if you google it. But all of them require you to at least create a very basic html page. It's easy and fast.
You can try being more specific about your situation if you need better help.
The only way to do this is dynamic. It uses php. So the address for every button will be the redirecting to the php... something like this:
For the tShirt red:
http://www.yourDomain.com/tshirt.php?color=red
For the tShirt blue:
http://www.yourDomain.com/tshirt.php?color=blue
Put every address in the like button href-param
This work for me every time that i used for multiples Facebook's like buttons.
Related
I have a page for a bakery site, and on the page, there will be a list of cakes. There will be a picture of the cake, followed by a comments box, to let people comment on that specific cake. Each cake will need to have its own set of comments, separate from each other.
But unless I'm mistaken, facebook comment plugin is linked to a page's url, and can't be shown multiple times?
Is there any way to show it multiple times per page, and to link it individually to each cake, so the comments don't mix up?
But unless I'm mistaken, facebook comment plugin is linked to a page's
url, and can't be shown multiple times?
It can be shown.Though it is linked with your site url,you always have the privilage of appending custom string after the ternerary operator in your URL.
Is there any way to show it multiple times per page, and to link it
individually to each cake, so the comments don't mix up?
The trick here is to make a url unique.
This can be done in various ways:
1)www.something.com#commentbox1
2)www.something.com?section=commentbox1
I am using this on my current website where there are more than 10 comment boxes:http://www.arrowlife.com/
In addition to unique anchor tags per product, you may also add the product ID in a query string such as www.yoursite.com?productID=44
In my case I was dynamically creating a div showing the product detail. It was also necessary to force the Facebook script to show the comment section using the FP.XFBML.parse command
I cant figure this one out, i have built a site with an e commerce system and i want visitors to be able to like an individual product and thus that product be added to their feed.
I have added all the open graph code to the relevant place, but when someone clicks "Like" is shares a default thing rather than the perticular product. this is the one i have been using for an example
https://pinnaclesupplement.co.uk/index.php/shop/168/10/weight-gainers/serious-mass-2-72kg-detail
so I tried using the facebook debugger to see if i could figure it out, but thats is showing the correct info and exactly what i want to show up on peoples feeds! here is a link for that.
https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fpinnaclesupplement.co.uk%2Findex.php%2Fshop%2F168%2F10%2Fweight-gainers%2Fserious-mass-2-72kg-detail
You have your Like button set up to point to http://www.pinnaclesupplement.co.uk – so when people klick like, they only get the “default thing”, your basic site’s description.
If you want customers to like a specific product page’s URL – then you should point the href parameter of the Like button there.
I am maintaining a blog (in Tumblr): baierblog.com.
For the past few weeks the Facebook like buttons on the blog's posts are acting up.
Few of the posts' like buttons are OK, but others suffer from two problems:
A. Some buttons do not save the like count (you can click on the button but when you refresh the page, the button is reset and your like is not saved). for example: sweet and sour chicken.
B. Other buttons carry the like count of the blog itself (baierblog.com) and not of the exact post. for example: corona brown bread.
This behavior does not seem to be related to my code because when I enter the urls in the Like buttons page the generated buttons act the same.
The site passes the Lint Debug.
Any ideas?
Update: Though Mutant24 spotted an error, it does not seem to be the cause of the problem.
With out any interference by my part, the two examples given above now act the same. meaning, they both carry the like count of the blog itself (as do the Like buttons in the Like Button generation page for these urls).
The value held in graph.facebook.com/http://baierblog.com/post/19733836593/sweet-and-sour-chicken is the real like count of that post.
Dori : in the og meta tags u have assigned wrong value in og:url
original url is - http://baierblog.com/post/17578099422/dark-chocolate-cake
and your are providing - http://baierblog.com/
Please fix it and check ur issues will be solved.
Inserting the "Sweet and sour chicken"'s url into the like button creator produces the following error:
The app ID specified within the "fb:app_id" meta tag is not allowed on
this domain. You must setup the Connect Base Domains for your app to
be a prefix of
http://baierblog.com/post/19733836593/sweet-and-sour-chicken.
Its attempting to like the post but failing.
I am usign the version of based on the <fb:like > tag. This renders a small facbook logo which implements the actual "like" operation, but also includes a large "signup to see what your friends like", or the number of likes when you are logged in, etc. It is pretty clear from what I have read that this is the form facebook wants you to use, but it makes the button to wide for my layout. The point is that I see other versions on websites all over, in particular "the weather channel" has one that includes only the logo with some text such as "like us" next to it. "Chicago Tribune" has one that says "recomend" with a very small like count next to it. I have not been able to determine what these link to or what script they invoke so that I can copy them. Can anyone help ?
when you get the code of the like button from facebook you can play with the options and get different results: http://developers.facebook.com/docs/reference/plugins/like/.
obviously it's limited to how facebook wants it to look like.
it is possible to change the look with css, but that's not wise since it's against their policy and you'd have to keep track with their changes.
How can I like multiple urls with a single click on fb-like button ?
You can't. Spammers would abuse that like crazy. You can have multiple like buttons on a page though, just set different href values for each thing you want people to like.