I'm making a site which has a list of videos. Next to each video in the list I want a like button. My like button code looks like this:
<div class="fb-like" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false"></div>
And the URL of the page is
http://dev2-rs-www.doubledip.com/video-play/?vid=aj5pbnNlcnRlZC1mcm9tLXRleHQtaW4tYnVpbGQtZGVwbG95LWFwcGxpY2F0aW9uaWQtb24tZGVwbG95bWVudHIkCxINQWNjb3VudFJlY29yZBgBDAsSC1ZpZGVvUmVjb3JkGAkM
However, the link on my wall is http://dev2-rs-www.doubledip.com/video-play/ without the ?vid= parameter. I also tried adding the data-href attribute, but that didn't do anything. How can I fix this?
Your problem lies with the misuse of the <link rel='canonical'> element. On the video page, it links to the page without the ?vid parameter, causing it to use that as the final value. Change it to the actual page and it should work fine.
Facebook like buttons doesnt use parameters in url.
User this: http://developers.facebook.com/tools/lint/
to check for info and errors
Related
Does anyone know why is this thingy showing up on top of our wordpress website, on every single page that you enter - http://sportsabac.org.rs/. Could it be the theme itself that is problematic..? I mean, when I change it - "Twenty eleven" is called, the problem goes away...
The class should be define within tag braces but your class difine outside like
your tag is
class="home blog custom-background single-author two-column right-sidebar">
it should be in
Probably there is closed html tag > just before this part of code.
The class should define within tag braces,
Try this;
<div class="home blog custom-background single-author two-column right-sidebar"></div>
I would like to try that, just as soon as I find out where is it located. This really ain't my thing, just trying my best to fix it.. >.<
I posted a question on stackoverflow and I haven't received any answers yet. maybe you can help me....
This is the problem:
Like buttons on my page that suppose to give "like" to different comments by their different 'href' given, raise the like count to all like buttons.
Link to my website page:
http://petbuy.co.il/ProductCard.aspx?product_id=7873&friend_Id=1000
look at the bottom of the page and try to "like" one of the comments and then refresh the page.. If you use a developer tool, you can see that every button iframe gets a different href... The "friend_id" param changes in each button href..
BUT !
If you look at the console log, you see that the response for this request of clicking the like button, uses only the first param of the url:
The href is:
http://petbuy.co.il/ProductCard.aspx?product_id=7873&friend_Id=1000
And it uses only the product_id=7873 without the friend_Id=1000.
I tried to switch the params, and this time it took only the friend_Id=1000".. I need them both :((
Thanks!!
Make sure you add the following Open Graph Metatag:
<meta property="og:url" content="http://petbuy.co.il/ProductCard.aspx?product_id=7873&friend_Id=1000" />
I did not find that tag at all in the code, it should be on EVERY page and it needs to match the URL.
Also make sure the URL is encoded correctly, see here: Encode URL in JavaScript?
...and i assume Server.URLEncode in ASP.
And always use the generator: https://developers.facebook.com/docs/plugins/like-button
It will show you exactly how the URL needs to show up in the code.
You need two diffrent urls for the like button
<div class="fb-like" data-href="http://petbuy.co.il/ProductCard.aspx?product_id=7873&friend_Id=2000" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
and
<div class="fb-like" data-href="http://petbuy.co.il/ProductCard.aspx?product_id=7873&friend_Id=1000" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
The Meta og:url is correct and describs the url of the page..
I have Gallery plugin installed.
I've uploaded my images and used snippet like this: [[Gallery? &album=1]].
Now I have thumbnails shown fine, but after clicking on image I'm sent to /index.php?id=4&galItem=2&galAlbum=1&galTag= address and nothing happens - this page is the same as the previous one.
Any ideas on what I am doing wrong?
You get the link to your page with id=4. In this page you have to get galItem, galAlbum and galTag and show corresponding image. I'm not sure you have handling this in your template.
Just try this:
[[Gallery? &album=1 &linkToImage=`1`]]
You will get the direct link to your image if you keep your thumbTpl chunk as in sample:
<a href="[[+linkToImage:if=`[[+linkToImage]]`:is=`1`:then=`[[+image_absolute]]`:else=`[[~[[*id]]?
&[[+imageGetParam]]=`[[+id]]`
&[[+albumRequestVar]]=`[[+album]]`
&[[+tagRequestVar]]=`[[+tag]]` ]]`]]">
Now you just get else part.
in my website http://youmark.it/ I have in the home page post and in all other single post pages the same number of like, also the send button once you click is showing the Facebook Page url and not the Post url.
I have integrated all stuff for open graph, if you look at the source code it seems to be ok but still doesn't work after few changes I did. Also in the Facebook Debug tool everything shows correct.
Does Facebook need time to get updated or am I doing something wrong?
You have all your like buttons “pointing” to the base URL of your website.
If you want them to like the individual article, then include the URL to that article in the href parameter of the <fb:like> tag.
Try to like this url: <?php the_permalink() ?> instead?
<iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&send=...
???
So I'm trying to debug a somewhat confusing problem. I'm using a Wordpress plugin for a Topspin store that uses colorbox to popup a window to display more information about an item. Here's the site: okgo.net/store. In the backend code for this page a div block is created containing links that that should look like this:
<a class="topspin-view-item" href="#!/77022">
The php that does that is as follows:
<a class="topspin-view-item" href="#!/<?php echo $item['id']; ?>">
The problem is that what is being spat out at the end is not that. It looks like this:
<a class="topspin-view-item" href="http://okgo.net/video-store/#!/89712">
I've understood from another post on here that the default behavior of Wordpress is to fill empty hrefs (ie href="") with the site url. So my guess is that Wordpress is for some reason interpreting this as an empty href? Except that that doesn't seem quite right either.
I've played around with this a bit. One thing that happens is that if I remove the has from the above PHP the siteurl is not output at all. That of course breaks my code.
Any ideas? Any help would be warmly appreciated.
The way we ended up fixing this for those who may be interested is by simply adding the following line of code to the jQuery handler that dealt with the on submit event:
event.preventDefault()
Perhaps this will be of help to someone...