View
2.779
Download
1
Category
Preview:
DESCRIPTION
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
Citation preview
2
Tout comme les plugins LIKE ou COMMENT précédemment présentés, LOGIN et REGISTRATIONpermettent 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- REGISTRATION : permettre à un utilisateur de s’enregistrer avec les données de son profil facebook
SOCIAL PLUGINS : LOGIN & REGISTRATION
3
Pourquoi intégrer un PLUGIN de LOGIN sur son site ?
1. User experience- L’utilisateur sait quels sont ses amis déjà inscrits sur le site avant même l’identification- L’utilisateur va prendre l’habitude de cliquer sur le bouton LOGIN charté facebook- Rapidité de connexion en 1 clic
2. Simplicité- 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 LOGIN est LA porte d’entrée dans le Social Graph
LOGIN
4
Pourquoi intégrer un PLUGIN de REGISTRATION sur son site ?
1. 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
- L’utilisateur sait quels sont ses amis qui sont déjà inscrits sur ce site- Pas de gestion de mot de passe
2. Qualité des données- Les données saisies sont celles de son profil user fB- Les données appartiennent au site
3. Simplicité d’intégration- 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 / etc.)
Une fois l’intérêt suscité, l’inscription est simplifiée
REGISTRATION
CAS N°1 : NOUVEL UTILISATEUR DU SITE
6
CAS N°2 : UTILISATEUR DEJA INSCRIT
7
EXEMPLE 1
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
8
L’utilisateur est connecté à Facebook et n’existe pas dans la base Client
<iframe src="http://www.facebook.com/plugins/registration.php?client_id=<?php echo _APP_ID; ?>&redirect_uri=<?php echo _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
L’utilisateur est connecté à Facebook et n’existe pas dans la base Client
<iframe src="http://www.facebook.com/plugins/registration.php?client_id=<?php echo _APP_ID; ?>&redirect_uri=<?php echo _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
10
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
11
L’utilisateur est connecté à Facebook et n’existe pas dans la base Client
<iframe src="http://www.facebook.com/plugins/registration.php?client_id=<?php echo _APP_ID; ?>&redirect_uri=<?php echo _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
12
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
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
14
L’utilisateur est connecté à Facebook et n’existe pas dans la base ClientPossibilité d’ajouter des champs personnalisés
<iframe src="http://www.facebook.com/plugins/registration.php?client_id=<?php echo _APP_ID; ?>&redirect_uri=<?php echo _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
15
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
xavier@909c.fr
facebook.com/909c
www.909c.fr
http://developers.facebook.com/docs/reference/plugins/login/
http://developers.facebook.com/docs/plugins/registration/
Toute la documentation sur :
Recommended