26 avril 2011 - Facebook Developer Garage Paris by 909c
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

26 avril 2011 - Facebook Developer Garage Paris by 909c

on

  • 2,753 views

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

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

Statistics

Views

Total Views
2,753
Views on SlideShare
2,751
Embed Views
2

Actions

Likes
5
Downloads
43
Comments
0

1 Embed 2

http://www.slideshare.net 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

26 avril 2011 - Facebook Developer Garage Paris by 909c Presentation Transcript

  • 1.
  • 2. Tout comme les plugins LIKE ou COMMENT précédemment présentés, LOGIN et REGISTRATION
    permettent aux utilisateurs d’être socialement connectés au Graph sur une plateforme web.
    Leur fonction est de :
    • LOGIN : permettre à un utilisateur de se connecter avec son profil facebook
    • 3. REGISTRATION : permettre à un utilisateur de s’enregistrer avec les données de son profil facebook
    SOCIAL PLUGINS : LOGIN & REGISTRATION
    2
  • 4. Pourquoi intégrer un PLUGIN de LOGIN sur son site ?
    User experience
    • L’utilisateur sait quels sont ses amis déjà inscrits sur le site avant même l’identification
    • 5. L’utilisateur va prendre l’habitude de cliquer sur le bouton LOGIN charté facebook
    • 6. Rapidité de connexion en 1 clic
    Simplicité
    • Le bouton s’intègre en 2 lignes de code
    • 7. Le bouton s’intègre facilement dans une charte graphique
    • 8. L’ajout d’un contexte social créé un sentiment de confiance
    LOGIN est LA porte d’entrée dans le Social Graph
    LOGIN
    3
  • 9. Pourquoi intégrer un PLUGIN de REGISTRATION sur son site ?
    User experience
    • 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. L’utilisateur sait quels sont ses amis qui sont déjà inscrits sur ce site
    • 11. Pas de gestion de mot de passe
    Qualité des données
    • Les données saisies sont celles de son profil user fB
    • 12. Les données appartiennent au site
    Simplicité d’intégration
    • Le formulaire s’intègre en 2 lignes de code
    • 13. Des champs supplémentaires peuvent être ajoutées en dehors des champs natifs fB
    • 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. Une fois l’intérêt suscité, l’inscription est simplifiée
    REGISTRATION
    4
  • 16. CAS N°1 : NOUVEL UTILISATEUR DU SITE
  • 17. 6
    CAS N°2 : UTILISATEUR DEJA INSCRIT
  • 18. EXEMPLE 1
    7
    L’utilisateur est non connecté à Facebook et non enregistré sur le site
    <fb:login-button
    registration-url=”register.php"
    on-login="window.location.href = 'index.php';”
    id="btm_login”>
    </fb:login-button>
    Voir la démo
  • 19. L’utilisateur est connecté à Facebook et n’existe pas dans la base Client
    <iframesrc="http://www.facebook.com/plugins/registration.php?
    client_id=<?phpecho _APP_ID; ?>&
    redirect_uri=<?phpecho _URL; ?>&
    fields=[
    {'name':'name'},
    {'name':'email'},
    {'name':'gender'},
      {'name':'location'},
    {'name':'birthday’}

    scrolling="auto"frameborder="no"style="border:none;display:none;" allowTransparency="true"width="600"height="360"id="register_form">
    </iframe>
    Voir la démo
    EXEMPLE 1
    8
  • 20. L’utilisateur est connecté à Facebook et n’existe pas dans la base Client
    <iframesrc="http://www.facebook.com/plugins/registration.php?
    client_id=<?phpecho _APP_ID; ?>&
    redirect_uri=<?phpecho _URL; ?>&
    fields=[
    {'name':'name'},
    {'name':'email'},
    {'name':'gender'},
      {'name':'location'},
    {'name':'birthday’}

    scrolling="auto"frameborder="no"style="border:none;display:none;" allowTransparency="true"width="600"height="360"id="register_form">
    </iframe>
    Voir la démo
    EXEMPLE 1
    9
  • 21. L’utilisateur est connecté à Facebook et non enregistré sur le site
    <fb:login-button
    registration-url=”register.php"
    on-login="window.location.href = 'index.php';”
    id="btm_login”>
    </fb:login-button>
    Voir la démo
    EXEMPLE 1
    10
  • 22. L’utilisateur est connecté à Facebook et n’existe pas dans la base Client
    <iframesrc="http://www.facebook.com/plugins/registration.php?
    client_id=<?phpecho _APP_ID; ?>&
    redirect_uri=<?phpecho _URL; ?>&
    fields=[
    {'name':'name'},
    {'name':'email'},
    {'name':'gender'},
      {'name':'location'},
    {'name':'birthday’}

    scrolling="auto"frameborder="no"style="border:none;display:none;" allowTransparency="true"width="600"height="360"id="register_form">
    </iframe>
    Voir la démo
    EXEMPLE 1
    11
  • 23. L’utilisateur est connecté à Facebook et non enregistré sur le site
    <fb:login-button
    registration-url=”register.php"
    on-login="window.location.href = 'index.php';”
    id="btm_login”>
    </fb:login-button>
    Voir la démo
    EXEMPLE 1
    12
  • 24. L’utilisateur est connecté à Facebook et non enregistré sur le site
    <fb:login-button
    registration-url=”register.php"
    on-login="window.location.href = 'index.php';”
    id="btm_login”>
    </fb:login-button>
    Voir la démo
    EXEMPLE 1
    13
  • 25. L’utilisateur est connecté à Facebook et n’existe pas dans la base Client
    Possibilité d’ajouter des champs personnalisés
    <iframesrc="http://www.facebook.com/plugins/registration.php?
    client_id=<?phpecho _APP_ID; ?>&
    redirect_uri=<?phpecho _URL; ?>&
    fields=[
    {'name':'name'},
    {'name':'email'},
    {'name':'gender'},
      {'name':'location'},
    {'name':'birthday'},
    {'name':'newsletter', 'description':'Recevoir la newsletter', 'type':'checkbox',  'default':'checked'},
    {'name':’captcha’}

    scrolling="auto"frameborder="no"style="border:none;display:none;" allowTransparency="true"width="600"height="360"id="register_form">
    </iframe>
    Voir la démo
    EXEMPLE 2
    14
  • 26. L’utilisateur est connecté à Facebook et non enregistré sur le site
    <fb:login-button
    registration-url=”register.php"
    on-login="window.location.href = 'index.php';”
    id="btm_login”>
    </fb:login-button>
    Voir la démo
    EXEMPLE 2
    15
  • 27. Toute la documentation sur :
    http://developers.facebook.com/docs/reference/plugins/login/
    http://developers.facebook.com/docs/plugins/registration/
    xavier@909c.fr
    facebook.com/909c
    www.909c.fr