Your SlideShare is downloading. ×
  • Like
26 avril 2011 - Facebook Developer Garage Paris by 909c
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

26 avril 2011 - Facebook Developer Garage Paris by 909c

  • 2,455 views
Published

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

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,455
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
44
Comments
0
Likes
5

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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