Tag : open graph

Intégrer le bouton like de Facebook sur un site Internet

Vous le savez certainement mais Facebook a fait quelques changements (encore une fois) en ce qui concerne les plugins mis à disposition des éditeurs de sites et des développeurs. Ainsi on ne va donc plus parler du bouton « partager » ou « share » ni d’ailleurs de « devenir fan » ou « become fan » qui d’un coup deviennent obsolètes. Donc maintenant on remplace tout cela par le bouton « like » ou « j’aime » en français. Dans un sens c’est plus simple mais un peu perturbant vis à vis des pages fans car on peut aussi bien aimer un article qu’un site maintenant…

L’intérêt de ce bouton like est qu’il est simple, très simple même. Avec un clic un internaute (qui sera logué sur son compte facebook) pourra aimer l’un de vos articles et le faire savoir à ses amis sur facebook. Un système de notation comme avec les étoiles sauf que dans ce cas c’est social, donc plus proche de la recommandation.

Tous les nouveaux plugins proposés par Facebook sont sur cette page : http://developers.facebook.com/plugins. Pour mon usage seul le bouton « like » est utile pour l’instant car les autres ralentissent fortement le chargement des pages donc exit l’affichage des photos des membres (2 secondes de plus en général).

Alors pour intégrer le bouton « like » sur votre blog rien de plus simple il suffit d’aller sur cette page et de choisir ses options (affichage d’un texte avec le nom des personnes, leur photo, le mot à afficher : like ou recommend, la police à utiliser et le thème du bouton : couleur claire ou foncée).

Vous allez donc avoir un code de ce type pour la homepage de 2803.fr :

Pour le rendre dynamique sur votre blog (wordpress) il faut l’intégrer dans le fichier single.php dans votre thème et surtout faire un modification sur l’url qui devra être :

< ?php echo urlencode(get_permalink($post->ID)); ?>

Le code utilisé sur 2803.fr est donc le suivant :

Finalement c’est plutôt facile et pas besoin de plugin sur ce coup. Libre à vous de l’intégrer où vous le souhaitez en bas ou en haut de l’article…