I want make comment box work on my page after like. I don't know what i do wrong.
My code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1&appId=282750891760090";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<?php
<fb:like href=\"myurl"\" send=\"false\" layout=\"button_count\" width=\"90\" show_faces=\"false\"></fb:like>
?>
og:tags
<meta property="og:title" content="Foczky" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Foczky" />
<meta property="fb:admins" content="100000432662947" />
I'm not much of a php expert, but wrapping your fb:like html inside of tags doesn't seem like it would work too well. Also, your HTML is missing and tags too.
Related
I'm trying to display the like + send button on a test page. The code i'm using to display the button is:
<fb:like href="http://developers.facebook.com/docs/reference/plugins/like" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
You can see that i have specified "layout=button_count" and "send=true" parameters. However only the like button is showed on IE8 (other browsers works fine) and not with the "button_count" layout but with the "standard" layout.
Do you have any clue?
Here is the full html+sdk+fbml code you can paste in your testpage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" xml:lang="en" lang="en">
<head>
<title>Test Page</title>
<meta name="DESCRIPTION" content="Just a test page" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<fb:like href="http://developers.facebook.com/docs/reference/plugins/like" send="true" layout="button_count" width="450" show_faces="false"></fb:like>
</body>
</html>
It seems to me that it's a Facebook bug.
I've posted it here: https://developers.facebook.com/bugs/216063688545697.
I've got this code for the Facebook like button on an HTML page, taken directly from the FB developer site:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>FB Like button test</title>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<fb:like href="http://developers.facebook.com/docs/reference/plugins/like" send="false" layout="button_count" width="90" show_faces="true"></fb:like>
</body>
</html>
When I look on Firefox or other non-IE browsers, I see a normal looking Like button, like this:
{Like} <[1.5m]
However, when I look at the same page on IE8, it doesn't show the like count, it seems to ignore the width="90", and I just end up with a long string like this:
{Like} Be the first of your friends to like this.
What's going on?
I have the typical HTML5 implementation of the Facebook recommend button:
<div id="fb-root"></div>
<script type="javascript">
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
<? if ( $current_language == 'en' ): ?>
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
<? else: ?>
js.src = "//connect.facebook.net/fr_CA/all.js#xfbml=1";
<? endif; ?>
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));
</script>
<div class="share_button facebook" id="facebook">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="80" data-show-faces="false" data-action="recommend"></div>
</div>
The first time I click it, the popup preview box does not display the Title or Description. I have the following info at the top of the page:
Test
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta name="description" content="Test website." />
<meta name="keywords" content="test whatever" />
<meta property="og:title" name="Show this!" content="Show this!" />
If I leave the page, unrecommend the page from Facebook and return to the same page and press Recommend again, the title and description then appear. The page shows one of thousands of db entries so the problem needs to be fixed. I have tried putting the js function in jQuery(document).ready(function() - no luck. I tried moving it to the bottom of the page - no luck. Can someone help me?
From the example you gave, you are missing some required OG tags such as URL and image. Also, do you have the prefix info on your head tag?
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# myspecialapp: http://ogp.me/ns/fb/myspecialapp#">
Just a few days ago the Facebook Like and Send buttons disappeared from my site products pages. The code is still in place and has work for months before they disappeared. A link to one of the product pages is http://www.finesgas.com/details/gas_grill_brands/broilmaster_brands/popular_models/p3sx
The is the code that I have in place right now.
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<meta property="og:title" content=" Broilmaster P3SX Grill With Portable Cart" />
<meta property="og:type" content="product" />
<meta property="og:description" content="Broilmaster P3SX gas Grill With Portable Cart Base " />
<meta property="og:site_name" content="FinesGas" />
<meta property="fb:admins" content="1222761017" />
<meta property="og:image" content="http://www.finesgas.com/images/broilmaster-p3sx-loaded.jpg" />
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<fb:like send="true" layout="button_count" width="250" show_faces="false" action="Like" font="tahoma"></fb:like>
<div style="padding:5px;"></div>
Add the following to your html tag...
xmlns:fb="http://ogp.me/ns/fb#"
I have this simple html code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://ogp.me/ns#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
The comments list shows incomplete, and the loader images never stops nor disappear. What can be going on
Thanks
I've found that adding OpenGraph tags to the page fixes the issue. It seems that the tags are used by Facebook to link back to the Comments on the page. I've also seen the issue appear in local environments, but resolve themselves when hosted.