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
- 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
- Cliquez en haut à droite « Créer une application »
- Donnez un nom à votre application. Mettez le nom de votre blog par exemple.
- 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.
- Indiquez une langue pour votre « application », cela servira pour les boites de dialogue
- Dans l’onglet « Connexion », renseignez l’ »URL Connect » qui sera l’adresse principale de votre blog : http://www.monblog.com
- Dans ce même onglet, renseignez le « Domaine de base », qui est le nom de domaine de votre blog. Ex : monblog.com
- Cliquez en bas sur « Enregistrer les modifications ».
- 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 :
- Téléchargez le plugin ou cherchez-le dans le répertoire des plugins WordPress à partir de votre admin
- 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
- Activez le plugin
- Allez sur la page Réglages > WP-FBLikeThis
- Dans « Facebook app ID », rentrez l’ID de votre application que vous aviez précédemment créée (étape 9)
- Réglez les paramètres d’affichage du widget pour coller à votre blog (facultatif)
- Modifiez votre CSS pour faire afficher le widget comme vous le souhaitez (facultatif)
- Enregistrez les paramètres
- 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
- 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
- Click on the upper right of this page on « Create an application »
- Give a name to your application. Fill it with the name of your blog for example.
- Fill in a contact and support mail. It can be the same, yours for example. It’s just used for reference.
- Fill in a lang for your application. That’ll be used for the dialog boxes.
- In the « Connection » tab, fill in the « Connect URL » which will be the main url of your blog, ie: http://www.myblog.com
- In this very same tab, fill in the « Base domain » which is the domain name of your blog. Ex: myblog.com
- Click on the bottom of the page on « Save modifications »
- 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:
- Download the plugin or find it in WordPress plugins repository from your admin page
- Upload it on your FTP (in /wp-content/plugins/ folder) or proceed to automatic installation
- Activate the plugin
- Go to Settings > WP-FBLikeThis
- In « Facebook app ID » you can now fill in the previously generated app ID (step 9 above)
- Setup plugin display parameters to fit to your blog layout (optional)
- Modify your CSS file to maket the plugin show the way you want (optional)
- Save settings
- 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
jeans homme (1 year ago)
Super plugin, je viens de l’installer et ça marche au poil. Je pense qu’avec du recul on peut voir si l’influence des gens entres eux sur FB est utile au blog ou pas.
Merci pour l’article!
Julien Arcin - Webmaster Toulouse (1 year ago)
Bon plugin pour profiter des réseaux sociaux pour faire la publicité de son blog.
Je suis pourtant déçu qu’il génère des erreurs W3C.
hasni (1 year ago)
çà marche à merveille, je cherchais ce plugin depuis longtemps mais je n’ai jamais trouvé
Photographe Paris (1 year ago)
Excellent, merci pour ce très bon tuto
Justin (1 year ago)
Hi.
Firstly, thanks for a great plugin. I just have one question. Is there any reason why the likes don’t show up in the news feed? It only seems to show on the Facebook profile page, and not on the newsfeed. Any help will be appreciated.
Thanks,
Justin.
blog généraliste (1 year ago)
bonjour,
je ne sais pas précisément pourquoi, mais ça me gène de créer un pont entre mon site et Facebook…
Y poster des liens je le fais tous les jours mais donner un accès à des données tiers, ne me plait pas….
Parfums Tendance (1 year ago)
Merci pour l’info !
sortir a paris (1 year ago)
Excellent plugins, simple mais efficase dans le référencement.
Mark (1 year ago)
Hi – thanks for the plugin. I see the faces sometimes, then don’t see them.. is there a reason for this, and how can I make sure that the faces always show? THANKS
Acouphene (1 year ago)
Plug-in indispensable, même si, au final, il ne génère pas beaucoup de trafic supplémentaire (en tout cas c’est ce que j’ai observé pour le moment).
Tiiboul (1 year ago)
:s Est-ce qu’il est prévu que ce plug-in passe sur WordPress.com aussi?!
CV chef de projet marketing (1 year ago)
Heuu… Merci pour le tuto mais je crois que je vais attendre qu’un plugin wordpress sorte… Ça automatisera tout car là c’est trop long pour moi
Disco Funk (1 year ago)
Merci
expert comptable paris (1 year ago)
Tout ca pour ca XD
pantalons grandes tailles (1 year ago)
la création automatique d’une fan-pages c’est vraiment pratique niveau communication, je pense d’installer sur un site de e-commerce.
Jeremy (1 year ago)
Une version francaise prévue d’ici combien de temps ?
Référencement site web (1 year ago)
ça c’est du tuto !!
Merci
carte du monde (1 year ago)
excellent !
Carina (1 year ago)
Un tuto bien solide ! merci beaucoup
Fabrice (1 year ago)
C’est super ce bouton !
Je vais l’intégrer rapidement sur mon site
Merci
blog bretagne (1 year ago)
je vais le tester! j’ai un peu de temps ce soir!
Jouer au cartes (1 year ago)
Merci je l’intègrerai sur quelques domaines
Bon boulot.
poker jeu en ligne (1 year ago)
Toujours utile, merci !
Index Web Marketing - Montréal (1 year ago)
J’aime
cosmétiques bio (1 year ago)
Je préfère mettre une fonction » groupe » et accueillir les visiteurs dans ce groupe facebook, je pense que celà plus d’impact.
merci
Meilleur antivirus (1 year ago)
Pas mal en effet. On dira ce qu’on voudra, le bouton « i like » ca ajoute quelque chose au site ^^
Et puis ca fat plaisir de voir que des personnes sont intéressés par nos articles
Merci pour le tuyau. A utiliser d’ici peu.
Location Avoriaz (1 year ago)
Plugin fonctionnant très bien, un des premiers que j’ai installé sur mon wordpress à l’époque….
golf gaucher (1 year ago)
Bonjour,
il me met un message d’erreur c’est normal ?
jeux ps3 (1 year ago)
C’est quoi et où comme message d’erreur ?
Vêtements bébé (1 year ago)
Ah je vais tester ça immédiatement, merci pour le tuto !
Mami (1 year ago)
Facebook ne cesse pas de s’évoluer de plus en plus.
Intéressant votre article.Merci.
apprendre la guitare (1 year ago)
Pensez vous que sa à un effet viral sur facebook de mettre sa sur son blog?
merci
Riad Marrakech (1 year ago)
Merci pour ce bouton!
Ca marche! Super! C’est un outil de viralité devenu indispensable avec les 500 millions de membres de FB.
web design sarasota (1 year ago)
This is a very helpful list of many plug-ins. Having a summary of each helps narrow down the options.
astuce casino (1 year ago)
ce bouton j’aime est vraiment très tendance !
John | Agence web (1 year ago)
Oui très tendance et facile à installer. Un indispensable pour tous les blogs.
Lionel @ audit site internet (1 year ago)
Bonjour,
Hop je place cet article en favori pour intégrer ce bouton sur mon blog. Merci pour ce tuto !
blanchir dents (1 year ago)
Le plugin marche parfaitement, merci!
Gagner de l'argent avec facebook (1 year ago)
Intéressant votre article.Merci
Tablettes Android (1 year ago)
C’est maintenant beaucoup plus simple en utilisant la librairie facebook SDK ou le iframe que facebook fournit.
Michel (1 year ago)
Bonjour,
Le plugin fonctionne très bien.
Une petite modification pourrait-être utile :
La possibilité de choisir articles+pages, articles seuls et pages seules, car à ce jour, il insère le lien j’aime dans les articles et les pages sans distinction.
Es-ce envisageable ?
Bonne fin d’année et merci pour cette création.
Cordialement.
Zenia Bubis (1 year ago)
Very efficiently written information. It will be valuable to anyone who employess it, including myself. Keep doing what you are doing – looking forward to more posts.
TooManyNerdz (1 year ago)
Bien cool cette article je bookmark
Victor ( www.be2.fr ) (1 year ago)
Vraiment cool et didactique!
Georges (1 year ago)
C’est vraiment top! Je le passe à mes amis.
Toma (1 year ago)
J’essaye ça de suite!
Robin (1 year ago)
Is it possible to remove this from one page? If yes how so?
iPhone 5 (1 year ago)
Merci pour le plugin, c’est très sympa. Je vais le mettre sur mon site
nouvelles tendances communication (1 year ago)
Ce qui est dingue, c’est que maintenant on voit le pouce blanc et bleu avec écrit « I like » et on sait tout de suite que c’est facebook. C’est même rentré dans le langage courant !
Parfum Femme (1 year ago)
Très intéressant ce plugin mais moi je n’arrive pas à l’utiliser