Bouton like facebook valide w3c
méthode 1
placer dans la balise html
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" xmlns:fb="http://www.facebook.com/2008/fbml">
meta facebook avec user agent
<?php if(stristr($_SERVER["HTTP_USER_AGENT"],'facebook')) { ?> <meta property="fb:app_id" content="id de l'application facebook" /> <meta property="og:title" content="titre de la page" /> <meta property="og:type" content="website" /> <meta property="og:url" content="url de la page avec tout les parametres" /> <meta property="og:description" content="description de la page" /> <meta property="og:image" content="http://lesite.com/image.png" /> <meta property='og:site_name' content='Le nom du site' /> <meta property="og:locale" content="fr_FR" /> <?php } ?>
Le javascript en fin de page avant le code du bouton Like Facebook
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="http://connect.facebook.net/fr_FR/all.js#xfbml=1&appId=le numero de l'application"></script> <script type="text/javascript" src="<?php echo $this->baseUrl();?>/www/js/fakeXFBML.js"></script> -> le plugin pour afficher le bouton valide W3c <script type="text/javascript">$("#fb-root").fakeXFBML("like", {"layout":"button_count","href":"<?php echo SITE_PAGE; ?>","send":"false", "show_faces":"true", "width":"450"});</script> -> le script faisant appel au plugin fakeXFBML
Le View Helper pour Zend (à inclure dans le layout ou la vue)
<?php class Zend_View_Helper_FacebookLike { function facebookLike() { //$fc = "<fb:like href=\"".SITE_PAGE."\" send=\"false\" layout=\"button_count\" width=\"450\" show_faces=\"true\"></fb:like>"; // plugin jquery pour le w3c
$fc = "
";// avec le plugin
return $fc; } }
méthode 2
meta facebook avec user agent
<?php if(stristr($_SERVER["HTTP_USER_AGENT"],'facebook')) { ?> <meta property="fb:app_id" content="id de l'application facebook" /> <meta property="og:title" content="titre de la page" /> <meta property="og:type" content="website" /> <meta property="og:url" content="url de la page avec tout les parametres" /> <meta property="og:description" content="description de la page" /> <meta property="og:image" content="http://lesite.com/image.png" /> <meta property='og:site_name' content='Le nom du site' /> <meta property="og:locale" content="fr_FR" /> <?php } ?>
dans le template placer:
<script src="<?php echo $this->baseUrl();?>/www/js/facebookValidXhtml.js" type="text/javascript" ></script>
avant le </body>
plugin JS facebookValidXhtml.js // ------------------ // Copyright 2011 Kevin Lieser, kleaserarts - Mediendesign // info@ka-mediendesign.de, www.ka-mediendesign.de // ------------------
window.fbAsyncInit = function() { FB.init({appId: 'numero id app facebook', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/fr_FR/all.js'; document.getElementById('fb-root').appendChild(e); }());
var fbObjectValidationObjects = new Array("div", "span", "p", "ul", "li");
fbObjectValidationObjects.reverse(); function findFBML(string, fbmlcomm) { var i = (string).indexOf(fbmlcomm); return i === -1 ? false : true; } var x = 0; while (x < fbObjectValidationObjects.length) { var fbVObjectNode = document.getElementsByTagName(fbObjectValidationObjects[x]); var l = new Array(); for(var i=0, ll=fbVObjectNode.length; i!=ll; l.push(fbVObjectNode[i++])); l.reverse(); var fbVObject = l; var i = 0; while (i < fbVObject.length) { var fbRObject = fbVObject[i].innerHTML; if(findFBML(fbRObject, '/g, ""); fbVObject[i].innerHTML = fbRObject;} i++; } x++; }
dans le viewhelper
$fc =
"
";