Have this problem, I have a WordPress website and on the single.php file when articles are we have a scrolling social bar, with Facebook like, Tweeter and Google+
However I wanted to change the Facebook like into a Facebook share button.
Anyone have the answer to this, I've been searching for ages to find a solution.
The Facebook like code I have is:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:20px;">
</iframe>
I have tried using: <div class="fb-share-button" data-href="<?php the_permalink() ?>" data-type="box_count"></div>.
This doesn't display all the time in Firefox and is virtually non-existent in Chrome, Safari and IE.
I use Facebook comments, so when share button doesn't appear, nor does the comments section.
I'm at my witts end with it.
Many thanks in advance
Try removing data-href="perma-link stuff" that Facebook automatically puts in for you.
Related
Not sure why. I grabbed the code from:
http://developers.facebook.com/docs/reference/plugins/like/
And as stated there, we can read:
"href - the URL to like. The XFBML version defaults to the current
page. Note: After July 2013 migration, href should be an absolute URL"
So I did.
<body>
<div>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fprojectokairos&width=100&height=21&colorscheme=light&layout=button_count&action=like&show_faces=false&send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</div>
</body>
Could this be related with the fact that the page is unpublished?
I hope not because I do need to place the button here and there on several pages before the FB page goes live.
Being unpublished is possible, but I would also check your plugins. Firefox and Chrome especially. Do you have AdBlockPlus, DoNotTrackMe, or NoScript installed? The last two, I know interfere with the Facebook like button.
Ok guys. I am not a WordPress or much of a PHP man. I know I need to be but I wasn't raised that way. I ran into a problem lately. Our Facebook like button won't show up. I don't know why. We are using jetpack version 2.3.1 and the tweet and Google plus button work fine. I can see that the Facebook iFrame button is there but it is empty. I inspect it with chrome and find that the URL for that, when I open it in a new window, shows me nothing. Any ideas? I've tried installing the 'Facebook Like Button' plug in but that didn't show up and I can't seem to find a good source. I've been searching around for a few days now.
Here is the URL from one of the posts that is in the Facebook iFrame button https://www.facebook.com/plugins/like.php?api_key=&locale=en_US&sdk=joe%E2%80%A6ton_count&colorscheme=light&show_faces=false&extended_social_context=false
Here is the site I'm working on: Site
I believe the problem lies with this code here:
<div class="like_btn">
<fb:like href="<?php echo urlencode(get_permalink($post->ID)); ?>" layout="button_count" show_faces="false" width="100" font=""></fb:like>
</div>
Had the same problem and apparently it needs to be within an iframe.
Try this code:
<div class="like_btn"><iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=false&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:30px"></iframe>
</div>
I want to put "like" button of facebook in my website, I use this
<html>
<head>
<title>My Great Web page</title>
</head>
<body>
<iframe src="http://www.facebook.com/plugins/like.php?href=https://www.google.com.sg/"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
</body>
</html>
however, it doesn't work if I haven't log into facebook, what't the problem?
and how to implement the same function in twitter?
There is generators for both Twitter and Facebook integrations available for free at the corresponding company's webpage.
However, as you've already written, it will only work when logged in. When you are not logged in it'll display a login page for facebook, see here for a working jsfiddle with your code:
http://jsfiddle.net/Y5WAp/
And here for a screenshot of what happens (and SHOULD happen) when I try to like without being logged in to facebook:
http://i.imgur.com/U2Tgz.png
I have many photos on the page and I'd like to add like buttons to them, so I created a page photo.php?id=x and link like buttons to it with different variabiles. But fb removes all variabiles after posting! About 1 year ago it was working, but now I can`t add variabiles in link to share.
There is another way to share the page with different ID?
echo '<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fportovenere.a-turist.com%2F'.$curfolder.'photo.php%3Fid%3D'.$row["id"].'&send=false&layout=button_count&width=450&show_faces=true&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>';
P.S.:
$curfolder="ru/"
id = 1-5 for test
or
echo '<div class="fb-like" data-href="http://www.portovenere.a-turist.com/'.$curfolder.'photo.php?id='.$row["id"].'" data-send="false" data-layout="button_count" data-width="150" data-show-faces="true"></div>';
with this one: it share a page with variabiles but doesn`t pick up info (photo, title)
or old sharer:
echo '<a target="_blank" rel="nofollow" href="http://www.facebook.com/sharer/sharer.php?u=http://portovenere.a-turist.com/'.$curfolder.'photo.php?id='.$row["id"].'"><img style="margin-bottom:25px;" src="/images/fb_share_img.png"></a>';
I think that your problem is with the og:url meta tag.
Check out what the debug tool says about your url:
Fetched URL: http://portovenere.a-turist.com/photo_galery.php?id=4
Canonical URL: http://www.portovenere.a-turist.com/photo_galery.php
I believe that if you fix that and return the same url for the og:url it will behave as you want it.
I have a website that displays houses to the visitors. When the user wants to view a house, he/she clicks to view the house and a details page will show. With the url being www.myhouses/details/123 (123 being the unique id for the house).
I added a Facebook like button to the details screen (www.myhouses/details/123) . Will this "like" be counting towards like for www.myhouses (the entire website) or only for the specific url.
Is there a way to get the count for all Facebook likes to my page, in the above mentioned scenario ?
thanks
That depends if you have defined the data-href attribute in the fb-like div.
To know all likes you have on your website. From what I know ( correct me if is wrong ). You need to map all your site urls and request using the Facebook Graph or using FQL to get the like of every single page, and so, sum then all.
It depends. When you create a like button you pass the URL you are going to LIKE.
The documentation shows:
<iframe src="https://www.facebook.com/plugins/like.php?href=YOUR_URL"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
If you put:
<iframe src="https://www.facebook.com/plugins/like.php?href=www.myhouses.com"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
you are going to like your site, if:
<iframe src="https://www.facebook.com/plugins/like.php?href=www.myhouses.com/details/123"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
you are going to like your house link.
Well, if you haven't defined it with the data-href attribute, it will use the current URL, otherwise it will use the defined url.
<div class="fb-like" data-href="http://www.yourdomain.com" data-send="false" data-width="450" data-show-faces="false"></div>