Intégrer un module Facebook Connect sur votre blog WordPress

Les réseaux sociaux comme Facebook ou Twitter connaissent une forte croissance en termes de visites. Il serait donc intéressant de proposer à vos visiteurs de laisser un commentaire sur votre blog via un module de connexion Facebook. Un moyen pratique pour identifier rapidement un individu et tisser des liens virtuels.


Pour mettre en œuvre ce tutoriel, nous utiliserons le plugin Facebook Connect de Adam Hupp et le bout de code suivant à insérer dans le fichier comments.php :

<?php do_action('fbc_display_login_button'); ?>

A titre d’exemple, vous pouvez laisser des commentaires sur WordPress Channel via Facebook.

42 commentaires

  1. Nicolas

    Mauvaise idée de changer le CSS du Plugin directement. Car une fois il y aura une mise à jour du Plugin ce fichier sera écrasé et le changement dans le fichier CSS devra de nouveau être effectué. Il vaut mieux changer ceci dans le CSS du template.

  2. Danith

    Merci pour ce tutoriel qui marche du tonnerre. La vidéo était extrêmement clair! J’ai même réussi le déplacement du bouton facebook sur la droite alors que j’ai généralement deux mains gauches pour ce genre de manip. Un grand merci et un site direct dans mes favoris.

  3. Gilles Aubin

    Excellent didactiel, j’allais me jeter dessus jusqu’à ce que…

    Contrairement à ce qui est dit dans cette vidéo, il n’est pas possible ici-même, de se connecter via facebook pour laisser un commentaire.

    Auriez-vous découvert un défaut majeur à son utilisation ?

    Merci de votre aide.

    1. Aurélien Denis auteur de l’article

      En effet, depuis la publication du podcast ce site a beaucoup évolué.

      Il n’y a pas de problèmes avec cette méthode si ce n’est qu’elle exécute du JavaScript et alourdit forcément le temps de chargement de la page.

      Cela dit, tout est histoire de compromis… et dépend également du poids original du blog sur lequel on implémente Facebook.

      Il est donc intéressant de tester cette solution.

  4. dtinfo

    Salut que de bonne chose pour configurer notre wordpress j’ai une petite question
    Comment fait ton pour activer le FTP dans administration de wordpress ? comme ont peut le voir sur la vidéo si dessus ou faut il installer un plugins particulier pour ajouter cette fonction ?
    Merci d’avance bonne continuation
    Cordialement

  5. Manuel

    Bonjour, je cherche à utiliser paypal avec wp ecommerce, j’ai paramétré pay pal, mais je NE SAIS PAS COMMENT REDIRIGER VERS MON COMPTE PAYPAL, QUE FAUT-IL METTRE comme URL de redirection pour que le client arrive sur mon compte paypal pour payer
    Merci de votre aide

  6. matt

    Bonjour,

    Le tuto est très bien expliqué, merci.
    Je coince cependant à une étape (et ce depuis longtemps). Et je ne trouve pas la réponse sur les forums.

    Quand je vais dans apparence, éditeur, je ne peux pas faire la mise à jour car j’ai ce message d’erreur: Vous devez rendre ce fichier accessible en écriture avant de pouvoir enregistrer vos modifications. Lire la documentation CHMOD [en] pour plus d’informations.

    Alors oui, je suis allé lire la documentation, mais j’y ai pas compris grand chose et je n’arrive toujours par régler ce problème.

    Quelqu’un peut svp m’aider?

    Matt

      1. matt

        salut aurélien.

        merci pour les infos.

        j’ai trouvé le fichier .htaccess dans le fichier stats de mon serveur.
        Je l’ai modifié en 777 mais j’ai cette erreur: 550 CHMOD 777 .htaccess: Operation not permitted
        : /stats/777 .htaccess

        Je n’arrive donc pas changer les permaliens sur mon site pour que les URL s’affiche de cette sorte: http://www.mattkay.ch/2010/12/25/sample-post/

        Tu peux m’aider

      2. matt

        WordPress me dit:
        Si vous aviez les droits en écriture (en) sur le fichier .htaccess, nous pourrions faire cela automatiquement. Ce n’est pas le cas, donc voici les règles de réécriture que vous devrez mettre dans votre fichier .htaccess. Cliquez sur le champ et appuyez sur Ctrl-a pour tout sélectionner.

        RewriteEngine On
        RewriteBase /
        RewriteRule ^index.php$ – [L]
        RewriteCond %{REQUEST_FILENAME} !-f
        RewriteCond %{REQUEST_FILENAME} !-d
        RewriteRule . /index.php [L]

        et je ne sais pas comment faire ça…

        Merci beaucoup d’avance

  7. setsuna

    Hello ,

    merci pour ton superbe tutorial cependant je rencontre un souci
    j’aimerai que la zone qui presente la photo et le nom de l’utilisateur facebook soit ancré et non en calque.
    Car si je change les dimensions de ma page à la main cette zone se superpose sur les element de mon header et sont alors cachés.

    Merci

  8. Rémy

    Bonjour,

    Je souhaiterais savoir si vous pourriez m’apporter votre aide concernant ce plugin.

    En effet, je souhaiterais supprimer la partie profil qui apparait en haut à droite dans le header de la page (zone de connexion) une fois qu’on est connecté avec Facebook.

    Je souhaiterais placer cette zone à l’endroit voulu mais je ne sais pas qu’elle partie du code il s’agit.

    Merci d’avance.

  9. Sébastien

    Je fais remonter ce sujet car le plugin utilisé semble totalement obsolète. Auriez-vous d’autres solutions plus à jour permettant d’utiliser cette fonction Facebook Connect que je trouve vraiment pratique et « fidélisante » ?

      1. Sébastien

        Bonjour Aurélien et merci pour la réponse. Cela fait longtemps que je traine sur « Facebook Developpers » car je travaille sur l’intégration de Facebook Connect sur mon site depuis des lustres. le soucis, c’est que je tente d’éviter autant que possible l’installation de plugins: je préfère tout coder en « dur ». Et quand on commence à se frotter à ce genre de projet, c’est très vite incompréhensible, d’autant que 99% des infos sont en anglais. Avec des plugins, pas de problème, mais pour une solution en « dur », je dois dire que je sèche complètement. Bon… Faut dire que je ne suis pas non plus une flèche en code, mais bon !!!
        Par conséquent, je suis à la recherche de toute aide permettant d’apporter une avancée à ce principe de Facebook Connect.
        Et au passage, félicitation pour ton site qui m’a souvent aidé à me sortir de situations bien tordues… Continues !!!

        1. Aurélien Denis auteur de l’article

          Facebook évolue tellement (et changes tout du jour au lendemain) que je n’ai pas forcément une solution viable à te proposer.

          De mémoire, il te faut créer une application pour ton site côté Facebook. Par contre, côté WordPress, je ne me souviens pas avoir testé sans faire appel à un plugin.

          Essaie de voir avec la doc, c’est encore le plus simple… effectivement, si l’anglais n’est pas ton fort, ça risque de pas mal coincé car les américains pensent toujours que leur langue est celle par défaut des humains.

  10. JBK

    Bonjour,

    J’adore votre tuto, mais j’ai un petit problème, je suis sous mystique et l’avatar de l’utilisateur ne s’affiche pas, je vois l’icône par défaut de facebook.

  11. JBK

    Par contre j’ai un autre problème, des qu’un utilisateur veut poster un com a vec facebook connect, wordpress m’affiche ERREUR 5OO interne du serveur veuillez poster un commentaire

  12. Manu

    Bonjour,

    Avant tout merci pour ce tuto qui m’a été d’une grande utilité cependant j’ai un énorme souci j’ai fait le test avec deux comptes facebook différent et une fois connecté par facebook connect impossible de me déconnecter.

    Je ne sais vraiment pas quoi faire.

    Merci d’avance pour vos réponses.

  13. Thomas

    Merci article court mais très claire mieux vaut de la qualité à la quantité comme on dit. Je vais essayer de mettre ce petit gadget en place cela m’a l’air d’etre un sacré plus.

Laisser un commentaire