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&amp;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 = "<div id=\"fb-root\"></div>";// 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, '<!-- FBML ') != false) { var fbRObject = fbRObject.replace(/<!-- FBML /g, ""); var fbRObject = fbRObject.replace(/ FBML -->/g, ""); fbVObject[i].innerHTML = fbRObject;} i++; } x++; }

dans le viewhelper

    $fc =
   
"<div id=\"fb-root\">
<span class=\"fbreplace\">
<!-- FBML <fb:like href=\"".SITE_PAGE."\" send=\"false\" layout=\"button_count\" width=\"70\" show_faces=\"true\"></fb:like> FBML -->
</span>
</div>   ";

Comments