Plugins, Réseaux Sociaux, Tutoriaux, Wordpress

Plugin WordPress Facebook Like : WP FB Like this

English version below ↓

Facebook a annoncé la semaine dernière l’évolution de son fameux bouton “J’aime” / “I like”. Effectivement, cette option était jusqu’à présent disponible uniquement sur la plateforme. La grande nouveauté est que vous pouvez ajouter ce bouton directement sur votre site / blog. Ainsi, dès que votre lecteur aime un article, il peut le faire savoir à toute sa communauté grâce à un simple clic.

Version courante : 0.3

Nouveau ! Maintenant en français !

Afin de faciliter l’intégration de cette nouvelle fonctionnalité, nous avons mis en place un plugin WordPress. Voici les étapes à suivre pour l’installation.

La partie Facebook n’est pas nécessaire ni disponible pour le moment, passez directement à l’étape WordPress, ci-dessous.

Première partie : côté Facebook

  1. Commencez par créer une application pour votre blog. Pas de panique, c’est très simple ! Vous pouvez le faire en vous rendant sur la page des développeurs Facebook : http://www.facebook.com/developers/apps.php
  2. Cliquez en haut à droite “Créer une application”
  3. Donnez un nom à votre application. Mettez le nom de votre blog par exemple.
  4. Indiquez un mail de contact et de support, ça peut être le même, le votre. Mais c’est pour la forme plus qu’autre chose.
  5. Indiquez une langue pour votre “application”, cela servira pour les boites de dialogue
  6. Dans l’onglet “Connexion”, renseignez l'”URL Connect” qui sera l’adresse principale de votre blog : http://www.monblog.com
  7. Dans ce même onglet, renseignez le “Domaine de base”, qui est le nom de domaine de votre blog. Ex : monblog.com
  8. Cliquez en bas sur “Enregistrer les modifications”.
  9. Une fois de retour sur la page de gestion de vos applications, copiez le numéro “ID de l’application” qui est rapporté à votre blog.

2ème partie : la partie plugin, c’est simple :

  1. Téléchargez le plugin ou cherchez-le dans le répertoire des plugins WordPress à partir de votre admin
  2. Uploadez le sur votre serveur (dans le répertoire /wp-content/plugins/) ou procédez à l’installation automatique si vous êtes passés par l’admin
  3. Activez le plugin
  4. Allez sur la page Réglages > WP-FBLikeThis
  5. Dans “Facebook app ID”, rentrez l’ID de votre application que vous aviez précédemment créée (étape 9)
  6. Réglez les paramètres d’affichage du widget pour coller à votre blog (facultatif)
  7. Modifiez votre CSS pour faire afficher le widget comme vous le souhaitez (facultatif)
  8. Enregistrez les paramètres
  9. Retournez sur votre blog : vous devez voir apparaître un bouton “J’aime” à la fin de vos articles quand ils sont affichés en entier

A savoir : quand vous allez “aimer” un article, cela apparaîtra sur votre mur sous cette forme :

Le 1er lien étant le titre et le permalien vers l’article, et le 2nd le nom de votre blog et un lien vers celui-ci. Plutôt sympa, hein ?

Voilà quelques captures (merci à Marion pour avoir béta-testé la bête) :

N’hésitez pas à nous faire part de vos suggestions dans les commentaires, le plugin va évoluer et nous restons à votre écoute !

Télécharger le plugin WP – Facebook Like This


English version

Facebook announced the well-known “I like” button last evolution last week. You could only “like” something on Facebook platform. The great news is that you’re allowed to add this button on YOUR website / blog. So each time someone is “liking” a post, he can spread it to his community within a click.

Current version : 0.3

In order to make the embedding of  this new functionnality easier, we developped a plugin for your WordPress blog. You’ll find below the install steps to follow.

Facebook part is neither necessary and available yet. Skip to WordPress step below.

First part: Facebook side

  1. First, you have to create a Facebook app for your blog. No panic: it’s very simple! You can do it by visiting the Facebook developers page: http://www.facebook.com/developers/apps.php
  2. Click on the upper right of this page on “Create an application”
  3. Give a name to your application. Fill it with the name of your blog for example.
  4. Fill in a contact and support mail. It can be the same, yours for example. It’s just used for reference.
  5. Fill in a lang for your application. That’ll be used for the dialog boxes.
  6. In the “Connection” tab, fill in the “Connect URL” which will be the main url of your blog, ie: http://www.myblog.com
  7. In this very same tab, fill in the “Base domain” which is the domain name of your blog. Ex: myblog.com
  8. Click on the bottom of the page on “Save modifications”
  9. Once you’re back on your main apps management page, copy the “Application ID” which is used for your blog settings (see below)

2nd part: WordPress side:

  1. Download the plugin or find it in WordPress plugins repository from your admin page
  2. Upload it on your FTP (in /wp-content/plugins/ folder) or proceed to automatic installation
  3. Activate the plugin
  4. Go to Settings > WP-FBLikeThis
  5. In “Facebook app ID” you can now fill in the previously generated app ID (step 9 above)
  6. Setup plugin display parameters to fit to your blog layout (optional)
  7. Modify your CSS file to maket the plugin show the way you want (optional)
  8. Save settings
  9. Go back to your blog: you can now see a “I like” button at the end of your posts when they are fully displayed

NB: when you’ll “like” a post, it will be displayed on your wall this way:

1st link is the title and the permalink to the post and the 2nd one the name of your blog and a link to it. Preatty neat uh?

Don’t hesitate to give us your suggestions in comments! This plugin is going to evolve and you’re gonna be a part of it!

Download WP – Facebook Like This plugin

ABONNEZ-VOUS à la mailing list, c'est GRATUIT !

Abonnez-vous à la mailing list et recevez plein d'infos intéressantes !

152 Comments

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Avant de partir

Abonnez-vous à la mailing list et recevez plein d'infos intéressantes !