Tout comme les plugins LIKE ou COMMENT précédemment présentés, LOGIN et REGISTRATION<br />permettent aux utilisateurs d’êt...
REGISTRATION : permettre à un utilisateur de s’enregistrer avec les données de son profil facebook</li></ul>SOCIAL PLUGINS...
Pourquoi intégrer un PLUGIN de LOGIN sur son site ?<br />User experience<br /><ul><li>L’utilisateur sait quels sont ses am...
L’utilisateur va prendre l’habitude de cliquer sur le bouton LOGIN charté facebook
Rapidité de connexion en 1 clic</li></ul>Simplicité<br /><ul><li>Le bouton s’intègre en 2 lignes de code
Le bouton s’intègre facilement dans une charte graphique
L’ajout d’un contexte social créé un sentiment de confiance</li></ul>     LOGIN est LA porte d’entrée dans le Social Graph...
Pourquoi intégrer un PLUGIN de REGISTRATION sur son site ?<br />User experience<br /><ul><li>L’inscription se fait en 2 cl...
L’utilisateur sait quels sont ses amis qui sont déjà inscrits sur ce site
Pas de gestion de mot de passe</li></ul>Qualité des données<br /><ul><li>Les données saisies sont celles de son profil use...
Les données appartiennent au site</li></ul>Simplicité d’intégration<br /><ul><li>Le formulaire s’intègre en 2 lignes de code
Des champs supplémentaires peuvent être ajoutées en dehors des champs natifs fB
Des données peuvent être croisées avec la base de données cliente existante (déjà client / déjà abonné à la Newsletter / e...
Une fois l’intérêt suscité, l’inscription est simplifiée</li></ul>REGISTRATION<br />4<br />
CAS N°1 : NOUVEL UTILISATEUR DU SITE<br />
Prochain SlideShare
Chargement dans…5
×

26 avril 2011 - Facebook Developer Garage Paris by 909c

2 798 vues

Publié le

Présentation lors du Facebook Garage Developer du 26 avril 2011 chez Microsoft France des Social Plugins Login et Registration par l'agence social media 909c

Publié dans : Technologie
0 commentaire
5 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 798
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
48
Commentaires
0
J’aime
5
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

26 avril 2011 - Facebook Developer Garage Paris by 909c

  1. 1.
  2. 2. Tout comme les plugins LIKE ou COMMENT précédemment présentés, LOGIN et REGISTRATION<br />permettent aux utilisateurs d’être socialement connectés au Graph sur une plateforme web.<br />Leur fonction est de :<br /><ul><li>LOGIN : permettre à un utilisateur de se connecter avec son profil facebook
  3. 3. REGISTRATION : permettre à un utilisateur de s’enregistrer avec les données de son profil facebook</li></ul>SOCIAL PLUGINS : LOGIN & REGISTRATION<br />2<br />
  4. 4. Pourquoi intégrer un PLUGIN de LOGIN sur son site ?<br />User experience<br /><ul><li>L’utilisateur sait quels sont ses amis déjà inscrits sur le site avant même l’identification
  5. 5. L’utilisateur va prendre l’habitude de cliquer sur le bouton LOGIN charté facebook
  6. 6. Rapidité de connexion en 1 clic</li></ul>Simplicité<br /><ul><li>Le bouton s’intègre en 2 lignes de code
  7. 7. Le bouton s’intègre facilement dans une charte graphique
  8. 8. L’ajout d’un contexte social créé un sentiment de confiance</li></ul> LOGIN est LA porte d’entrée dans le Social Graph<br />LOGIN<br />3<br />
  9. 9. Pourquoi intégrer un PLUGIN de REGISTRATION sur son site ?<br />User experience<br /><ul><li>L’inscription se fait en 2 clics, sans aucune saisie de données (sur la base des champs des données personnelles accessibles dans le Graph), une inscription simplifiée pour une augmentation du taux de transformation
  10. 10. L’utilisateur sait quels sont ses amis qui sont déjà inscrits sur ce site
  11. 11. Pas de gestion de mot de passe</li></ul>Qualité des données<br /><ul><li>Les données saisies sont celles de son profil user fB
  12. 12. Les données appartiennent au site</li></ul>Simplicité d’intégration<br /><ul><li>Le formulaire s’intègre en 2 lignes de code
  13. 13. Des champs supplémentaires peuvent être ajoutées en dehors des champs natifs fB
  14. 14. Des données peuvent être croisées avec la base de données cliente existante (déjà client / déjà abonné à la Newsletter / etc.)
  15. 15. Une fois l’intérêt suscité, l’inscription est simplifiée</li></ul>REGISTRATION<br />4<br />
  16. 16. CAS N°1 : NOUVEL UTILISATEUR DU SITE<br />
  17. 17. 6<br />CAS N°2 : UTILISATEUR DEJA INSCRIT<br />
  18. 18. EXEMPLE 1<br />7<br />L’utilisateur est non connecté à Facebook et non enregistré sur le site<br /><fb:login-button<br />registration-url=”register.php"<br /> on-login="window.location.href = 'index.php';”<br />id="btm_login”><br /></fb:login-button><br />Voir la démo<br />
  19. 19. L’utilisateur est connecté à Facebook et n’existe pas dans la base Client<br /><iframesrc="http://www.facebook.com/plugins/registration.php?<br />client_id=<?phpecho _APP_ID; ?>&<br />redirect_uri=<?phpecho _URL; ?>&<br />fields=[<br />{'name':'name'},<br /> {'name':'email'},<br /> {'name':'gender'},<br />   {'name':'location'},<br />{'name':'birthday’}<br />] <br />scrolling="auto"frameborder="no"style="border:none;display:none;" allowTransparency="true"width="600"height="360"id="register_form"><br /></iframe><br />Voir la démo<br />EXEMPLE 1<br />8<br />
  20. 20. L’utilisateur est connecté à Facebook et n’existe pas dans la base Client<br /><iframesrc="http://www.facebook.com/plugins/registration.php?<br />client_id=<?phpecho _APP_ID; ?>&<br />redirect_uri=<?phpecho _URL; ?>&<br />fields=[<br />{'name':'name'},<br /> {'name':'email'},<br /> {'name':'gender'},<br />   {'name':'location'},<br />{'name':'birthday’}<br />] <br />scrolling="auto"frameborder="no"style="border:none;display:none;" allowTransparency="true"width="600"height="360"id="register_form"><br /></iframe><br />Voir la démo<br />EXEMPLE 1<br />9<br />
  21. 21. L’utilisateur est connecté à Facebook et non enregistré sur le site<br /><fb:login-button<br />registration-url=”register.php"<br /> on-login="window.location.href = 'index.php';”<br />id="btm_login”><br /></fb:login-button><br />Voir la démo<br />EXEMPLE 1<br />10<br />
  22. 22. L’utilisateur est connecté à Facebook et n’existe pas dans la base Client<br /><iframesrc="http://www.facebook.com/plugins/registration.php?<br />client_id=<?phpecho _APP_ID; ?>&<br />redirect_uri=<?phpecho _URL; ?>&<br />fields=[<br />{'name':'name'},<br /> {'name':'email'},<br /> {'name':'gender'},<br />   {'name':'location'},<br />{'name':'birthday’}<br />] <br />scrolling="auto"frameborder="no"style="border:none;display:none;" allowTransparency="true"width="600"height="360"id="register_form"><br /></iframe><br />Voir la démo<br />EXEMPLE 1<br />11<br />
  23. 23. L’utilisateur est connecté à Facebook et non enregistré sur le site<br /><fb:login-button<br />registration-url=”register.php"<br /> on-login="window.location.href = 'index.php';”<br />id="btm_login”><br /></fb:login-button><br />Voir la démo<br />EXEMPLE 1<br />12<br />
  24. 24. L’utilisateur est connecté à Facebook et non enregistré sur le site<br /><fb:login-button<br />registration-url=”register.php"<br /> on-login="window.location.href = 'index.php';”<br />id="btm_login”><br /></fb:login-button><br />Voir la démo<br />EXEMPLE 1<br />13<br />
  25. 25. L’utilisateur est connecté à Facebook et n’existe pas dans la base Client<br />Possibilité d’ajouter des champs personnalisés<br /><iframesrc="http://www.facebook.com/plugins/registration.php?<br />client_id=<?phpecho _APP_ID; ?>&<br />redirect_uri=<?phpecho _URL; ?>&<br /> fields=[<br /> {'name':'name'},<br /> {'name':'email'},<br /> {'name':'gender'},<br />   {'name':'location'},<br /> {'name':'birthday'},<br /> {'name':'newsletter', 'description':'Recevoir la newsletter', 'type':'checkbox',  'default':'checked'},<br />{'name':’captcha’}<br /> ] <br />scrolling="auto"frameborder="no"style="border:none;display:none;" allowTransparency="true"width="600"height="360"id="register_form"><br /></iframe><br />Voir la démo<br />EXEMPLE 2<br />14<br />
  26. 26. L’utilisateur est connecté à Facebook et non enregistré sur le site<br /><fb:login-button<br />registration-url=”register.php"<br /> on-login="window.location.href = 'index.php';”<br />id="btm_login”><br /></fb:login-button><br />Voir la démo<br />EXEMPLE 2<br />15<br />
  27. 27. Toute la documentation sur :<br />http://developers.facebook.com/docs/reference/plugins/login/<br />http://developers.facebook.com/docs/plugins/registration/<br />xavier@909c.fr<br />facebook.com/909c<br />www.909c.fr<br />

×