a
     
 
       
   Developpeur web    
       
   Php Mysql et divers    
       
   Shitao    
   Sénèque    
   Recettes    
       


> Comment insérer des commentaires facebook sur une page web

Pour insérer par exemple un bloc de commentaire Facebook en bas d'une page web, il suffit d'avoir une page facebook bien sûr, et d'insérer deux petits bouts de code dans les pages de votre site internet.

L'appel au script de facebook, que je place après la balise body :

<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>

et ensuite, à l'endroit où vous souhaitez faire apparaitre le bloc des commentaires, le code suivant, qui est personnalisable :

<div class="fb-comments" data-href="http://www.cooknwithclass.com/chef-eric-s-fresh-chanterelle-salad-_ar80.html" data-width="730" data-num-posts="5"></div>

il est possible d'encadrer ce div avec un div perso pour améliorer le style qui n'est pas toujours adapté, par exemple :

<div id="fbcomments"><div class="fb-comments" data-href="http://www.cooknwithclass.com/chef-eric-s-fresh-chanterelle-salad-_ar80.html" data-width="730" data-num-posts="5"></div></div>

avec dans ma feuille de style :

#fbcomments {
    background: #FFFFFF;
    width: 734px;
    border: solid 2px #FFFFFF;
    text-align: center;
    }

Pour terminer, on doit lister les administrateurs (qui pourront modérer les commentaires) dans les balises méta à l'intérieur de <HEAD> avec :

<meta property="fb:admins" content="cyril.rupp,eric.fraudeau"/>

ATTENTION : il ne faut mettre que des utilisateurs FB, pas des username de page fan, cela ne fonctionne pas
pour mettre un numéro de username, consultez cette page.




retour

  Tags : facebook


> Trouver votre identifiant facebook
> Comment choisir l'image facebook de la vignette publiée sur le mur quand on clique sur j'aime
> Modifier la langue du like button de FAcebook sur son site
Cylman
  Tags : facebook


> Trouver votre identifiant facebook
> Comment choisir l'image facebook de la vignette publiée sur le mur quand on clique sur j'aime
> Modifier la langue du like button de FAcebook sur son site



RSS    |    Mes liens    |    Syndication    |    Plan    |    Sitemap XML    |    Création de site web à Carcassonne