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 :