22
Générez de la conversation autour de vos objets sociaux avec Facebook Comments Facebook Developer Garage Paris 26 Avril 2011 Patrice Bonfy http://www.sociabliz.com

Facebook Comments 2.0

Embed Size (px)

DESCRIPTION

Découvrez les nouvelles fonctionnalités offertes par le Plugin Facebook Comments et les opportunités associées !

Citation preview

Page 1: Facebook Comments 2.0

Générez de la conversation autour de vos objets sociaux avec Facebook Comments

Facebook Developer Garage Paris26 Avril 2011

Patrice Bonfyhttp://www.sociabliz.com

Page 2: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Quels sont vos objets sociaux ?2/ 22

• Selon votre activité, votre univers d’objets sociaux est différents

• On peut néanmoins discerner deux grandes catégories : les articles (catalogues) et les médias (contenus éditoriaux)

• Ces contenus sont sur votre site. Ils ont une url propre. Ils constituent la colonne vertébrale de votre présence en ligne

Page 3: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Objet et conversation ?

• Intérêt et crédibilité : Tout objet social gagne à être commenté, noté, etc.

• Viralité : Si je veux m’exprimer sur un objet et que l’on m’en donne la possibilité, il est probable que je souhaite diffuser mon expression auprès de mon réseau social

• Création de communauté : Quand je m’exprime sur un objet social, je rentre en conversation avec d’autres qui ne sont pas de mon réseau social, mais peuvent appartenir au même réseau d’intérêt que moi

3/ 22

Page 4: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Les Forces de Facebook

• Simplicité d’installation et d’usage : Comme les autres Social Plugins, les Facebook Comments s’installent (basiquement) en quelques lignes de code et s’utilisent de manière très intuitive pour les visiteurs

• Viralité optimisée : L’utilisateur Facebook qui commente un objet n’a qu’à ne pas décocher une case pour que son commentaire soit diffusé sur son Mur et dans le fil d’actualité de ses amis

• modération et suivi statistique : Des outils efficaces ont été mis en place pour modérer l’activité dans les Facebook Comments, et suivre statistiquement l’impact de cette activité

• Contextualisation : C’est la grande force de Facebook ! Connaissant mon réseau social, le module peut mettre en avant les commentaires de mes amis ou des amis de mes amis

4/ 22

Page 5: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Installation5/ 22

• xFBML ou iFrame : Les deux méthodes sont utilisables. La première nécessite l’installation du SDK Javascript Facebook, la seconde ne permet pas de “suivre” l’activité de son Plugin

• Paramètres de personnalisation : La taille de la zone de commentaire ainsi que son style peuvent être définis via les paramètres

Page 6: Facebook Comments 2.0

href : l’url à laquelle est associé le Plugin. C’est vers elle que redirige un clic sur un commentaire diffuséwidth : la largeur du pluginnum_posts : le nombre de posts affichés par défautcolorscheme : le style, sombre ou clair, pas plus de choix que cela !

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Paramètres6/ 22

Page 7: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Objet à diffuser7/ 22

• Le Plugin Facebook Comments est associé à un objet social

• Pour que la diffusion associée à un commentaire soit la plus explicite possible, il faut décrire l’objet en utilisant les metatags OpenGraph

Page 8: Facebook Comments 2.0

og:title : le titre de l’objetog:type : le type de l’objetog:image : une url d’une image représentant l’objet (png, jpg ou gif)og:url : l’url de votre objet qui sera utilisée comme identifiant permanent de votre objet dans le graphe

OpenGraph : tags obligatoires8/ 22

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Page 9: Facebook Comments 2.0

OpenGraph : implémentation

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xml:lang="en" lang="en"><head> <meta property="og:title" content="Raphael Keynote"/> <meta property="og:type" content="website"/> <meta property="og:url" content="http://raphael.imeuble.info/"/> <meta property="og:image" content="http://raphael.imeuble.info/raphael.png"/>

9/ 22

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Page 10: Facebook Comments 2.0

og:site_name : le nom du site auquel appartient l’objetog:description : la description de l’objetTags de localisation géographique (og:street-address, og:latitude, og:longitude, ...)Tags de contact (og:email, og:phone_number, ...)Tag de média vidéo ou audio (og:video, og:audio, ...)

OpenGraph : autres tags10/ 22

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Page 11: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Résultat11/ 22

Page 12: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Réaction d’un ami12/ 22

Page 13: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Remontée dans le Plugin13/ 22

Page 14: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Impact14/ 22

• Certains sites observent qu’un clic sur “J’aime” leur apporte jusqu’à 50 visiteurs

• Le commentaire est un engagement plus fort, peut-être moins fréquent

• Son format de diffusion laisse néanmoins attendre une forte transformation en visiteurs

Page 15: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Paramètres de modération15/ 22

• Application associée : permet de modérer l’ensemble des conversations dans un même back-office

• Ajout de modérateur non développeurs

• Modération a priori possible

• Gestion des fournisseurs d’identification Yahoo AOL Hotmail

• Définition de mots bannis

• Correction grammaticale automatique

Page 16: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Suivi statistique Facebook16/ 22

• Les Insights Facebook peuvent être paramétrés pour votre domaine en même temps que l’installation de Facebook Comments

• Ces statistiques peuvent être utilisées pour tester et comparer l’efficacité de différentes mises en avant du Plugin

Page 17: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Suivi “propriétaire”17/ 22

Tout ce qui se passe sur vos Plugins Facebook Comments peut être traqué

par vous et incorporé dans vos bases de données

Page 18: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Suivi en temps réel18/ 22

L’abonnement à des événements javascript vous permet de recevoir instantanément l’information quand une action se produit

Pop-up consécutif à un commentaire - Mise en place d’alerte email sur certains mots-clefs - Etc. - Etc.

Page 19: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Suivi historique19/ 22

Vous pouvez accéder à tous l’historique d’activité sur vos Plugins Comment via l’OpenGraph API

Mise en avant des contributeurs les plus actifs sur un sujet donné - Utilisation des contenus “frais” pour votre SEO - Profil utilisateur synthétisant ses contributions - Etc. - Etc.

Page 20: Facebook Comments 2.0

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Contextualisation20/ 22

• Affichage prioritaire des commentaires des amis du visiteurs

• Mise en avant également des commentaires ayant généré le plus de conversation

• Le site Techcrunch.com témoigne du fait que l’usage d’une identité en commentaire entraîne une diminution générale du nombre de commentaire au profit de commentaires de meilleure qualité

Page 21: Facebook Comments 2.0

• http(s)://developers.facebook.com/docs/reference/plugins/comments

• http(s)://developers.facebook.com/docs/opengraph

• http://ogp.me/(http://opengraphprotocol.org/#)

• http://techcrunch.com/2011/03/01/pros-cons-facebook-comments

Ressources21/ 22

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Page 22: Facebook Comments 2.0

Merci !

http://www.sociabliz.comhttp://www.facebook.com/sociabliz

22/ 22

[email protected]

!"#$%&'$(!)*+,-+.+!/012)34/15,467/

Quelques références