Je ne comprends pas pourquoi les éditeurs continuent à nous fournir des codes qui ne sont pas valident xhtml. Que ce soit Facebook, Youtube ou n’importe quel service web, les codes à copier sont toujours du grand n’importe quoi en termes de validation.
Pourtant avoir un site compatible W3C est important pour un tas de raisons, ne serait-ce que pour le référencement.
Donc ici je dois souvent les remanier pour les rendre valides. C’est au tour du fameux bouton j’aime de Facebook.
J’ai trouvé un début de piste sur le site Allemand ka-mediendesign et j’ai amélioré le code pour le rendre compatible avec WordPress.
Mais cette technique peut s’appliquer à n’importe quel site dynamique.
D’abord téléchargez ce bout de code et placez sur votre site dans un répertoire.
Ensuite dans votre footer
Juste avant la balise de fermeture</html>
Insérez le code suivant :
<script type="text/javascript"
src="CHEMIN-DE-VOTRE-SCRIPT/fbObjectValidationV2.js"></script>
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: 'VOTRE-ID-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);
}());
</script>
Il faut juste personnaliser CHEMIN-DE-VOTRE-SCRIPT qui correspond au répertoire ou vous avez placé le script téléchargé précédemment.
VOTRE-ID-FACEBOOK correspond à votre id facebook que vous pouvez retrouver sur la page profile de votre compte.
Eventuellement vous pouvez modifier la langue : fr-FR pour la France, en_EN pour l’anglais et ainsi de suite.
Il ne vous reste plus qu’à placer le bouton Facebook où vous voulez sur votre site (généralement dans le fichier index.php et single.php, à côté de votre titre, ou à côté des liens pour rajouter des commentaires.
Le code pour le bouton :
<!-- FBML <fb:like layout="standard" show_faces="false"
colorscheme="light" href="<?php the_permalink() ?>"></fb:like> FBML -->
<?php the_permalink() ?> est un code WordPress pour désigner l’URL de votre page, si vous utilisez un autre moteur de blog ou un site statique pensez à modifier cette ligne.
Et voilà. Vous avez un bouton facebook j’aime qui est valide strict xhtml.
Vous avez un soucis en copiant les codes, vous pouvez les télécharger au format texte.
