Comment ajouter Facebook Connectez-vous à votre site Web - Mannequins

L'une des tendances les plus populaires dans la conception Web est d'intégrer les conversations sur les médias sociaux et le contenu généré par les utilisateurs dans les sites Web des entreprises. En outre, davantage de sites Web s'éloignent d'un processus distinct d'enregistrement des utilisateurs; Au lieu de cela, ils utilisent les comptes de médias sociaux existants des gens comme un moyen transparent et indolore de se connecter à leurs sites. De cette façon, les utilisateurs n'ont pas à se souvenir d'un tas de noms d'utilisateur et de mots de passe différents - et les propriétaires de sites Web peuvent toujours recueillir des données sur les utilisateurs de leur site.

Facebook Connect est une suite d'API que Facebook propose pour permettre aux membres de Facebook de se connecter à des sites Web et des appareils mobiles simplement en utilisant leur identité Facebook. Du point de vue des utilisateurs, la première étape consiste à partager leurs données personnelles Facebook avec un site auquel ils veulent accéder. Le site Web peut collecter un certain nombre de points de données. En utilisant l'API Facebook Connect, les développeurs peuvent configurer ces points de données pour correspondre à ce que vous voulez savoir sur vos clients. Une fois que les utilisateurs ont accepté de partager les données personnelles demandées (comme indiqué dans la figure suivante), ils peuvent interagir avec les modules Facebook sur le site Web comme s'ils se trouvaient sur le site Facebook lui-même.

La première étape de la connexion à un site Web avec Facebook est d'accepter de divulguer certaines informations sur le site.

Ce module de site Web affiche les flux Facebook récents des amis de l'utilisateur.

Parmi les fonctionnalités Facebook les plus rapides que vous pouvez intégrer sur votre site Web, citons les plugins sociaux tels que le bouton "J'aime". Ce bouton permet aux visiteurs de partager votre page avec leurs amis Facebook en un seul clic. Cette fonctionnalité est facile à implémenter en utilisant le code HTML suivant:

Titre du site

Vous pouvez personnaliser cette fonction un peu plus loin en ajoutant les noms et les visages des personnes qui ont récemment cliqué sur le bouton J'aime. Vous pouvez utiliser l'outil Facebook en ligne à l'adresse suivante pour générer le code nécessaire:

// developers. Facebook. com / docs / reference / plugins / like /

Du point de vue du développeur Web, ajouter Facebook Connect à votre site est un processus en trois étapes:

1. Vous enregistrez votre site Web avec Facebook et obtenez un ID d'application <. Cet identifiant assure une connexion sécurisée entre l'utilisateur de Facebook et votre site Web. Vous ajoutez le code JavaScript approprié à votre page HTML qui référence votre ID et traite la demande de connexion.

2. Vous ajoutez le bouton Connexion avec Facebook dans son propre tag, et le JavaScript SDK affiche le bouton sur votre page.

3. Lorsqu'un utilisateur est connecté à votre site via ses informations d'identification Facebook, vous pouvez personnaliser son expérience Web à l'aide de l'API

Graph , une caractéristique de la logique de Facebook qui relie les autres leurs intérêts. Par exemple, si Jane Doe s'est «enregistrée» dans son restaurant préféré, votre site Web a accès à cette information. Il y a toutes sortes de choses créatives que vous pouvez faire avec cette information, comme suggérer d'autres choses cool à faire près de son emplacement.