Facebook Comments 2.0

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

2/ 22

!"#$%&'$(
Quels sont vos objets sociaux ?
!)*+,-+.+!/012)34/15,467/

• 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

3/ 22

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

• 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

4/ 22

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

• 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 ﬁl d’actualité de ses amis

• modération et suivi statistique : Des outils efﬁcaces 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

5/ 22

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

• 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éﬁnis via les
paramètres

6/ 22

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

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

7/ 22

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

• 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

8/ 22

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

og:title : le titre de l’objet
og:type : le type de l’objet
og: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 identiﬁant permanent de votre objet dans le
graphe

9/ 22

!"#$%&'$(
OpenGraph : implémentation
!)*+,-+.+!/012)34/15,467/

<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"/>

10/ 22

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

og:site_name : le nom du site auquel appartient
l’objet
og:description : la description de l’objet
Tags 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, ...)

11/ 22

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

12/ 22

!"#$%&'$(
Réaction d’un ami
!)*+,-+.+!/012)34/15,467/

13/ 22

!"#$%&'$(
Remontée dans le Plugin
!)*+,-+.+!/012)34/15,467/

14/ 22

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

• 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

15/ 22

!"#$%&'$(
Paramètres de modération
!)*+,-+.+!/012)34/15,467/

• 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

16/ 22

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

• 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’efﬁcacité de différentes mises en avant
du Plugin

17/ 22

!"#$%&'$(
Suivi “propriétaire”
!)*+,-+.+!/012)34/15,467/

Tout ce qui se passe sur vos Plugins
Facebook Comments peut être traqué
par vous et incorporé dans vos bases de
données

18/ 22

!"#$%&'$(
Suivi en temps réel
!)*+,-+.+!/012)34/15,467/

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.

19/ 22

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

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 - Proﬁl utilisateur
synthétisant ses contributions - Etc. -
Etc.

20/ 22

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

• Afﬁchage 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 proﬁt de commentaires de
meilleure qualité

21/ 22

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

• 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

22/ 22
Merci !

contact@sociabliz.com
http://www.sociabliz.com
http://www.facebook.com/sociabliz
!"#$%&'$(
!)*+,-+.+!/012)34/15,467/

Quelques références

Facebook Comments 2.0

Recomendados

Recomendados

Más contenido relacionado

Similar a Facebook Comments 2.0

Similar a Facebook Comments 2.0 (20)

Facebook Comments 2.0