Comment faire en sorte que votre visiteur se connecte à votre site avec Facebook

Vous pouvez intégrer votre propre site Web à Facebook de différentes manières. L'une d'entre elles consiste à fournir un bouton de connexion à Facebook afin qu'un utilisateur puisse se connecter à votre site Web à l'aide de son compte Facebook. Cela vous évite d'avoir à configurer votre propre système de connexion et évite à l'utilisateur de créer un compte distinct avec un mot de passe distinct. Vous pouvez intégrer le bouton de connexion en ajoutant un court morceau de code aux fichiers HTML de votre site.

Ouvrez un nouvel onglet de navigateur, puis visitez developers.facebook.com/docs/reference/plugins/login/. Ceci est la page du développeur pour le bouton de connexion Facebook, que vous pouvez ajouter à votre propre site.

Configurez l'apparence du bouton de connexion à l'aide des options fournies. Cochez la case "Afficher les visages" si vous souhaitez afficher les images de profil Facebook de tous les amis déjà inscrits sur votre site. Dans la zone de texte «Largeur», tapez la largeur voulue pour que l'objet soit en pixels. Dans le champ de texte «Nombre maximal de lignes», entrez le nombre maximal de lignes d'images de profil que vous souhaitez afficher.

Cliquez sur le bouton “Obtenir le code”. Vous verrez une fenêtre pop-up avec deux zones de texte. Copiez le code de la zone supérieure et collez-le dans le fichier HTML de la page Web sur laquelle vous souhaitez afficher le bouton, directement sous la balise. Remplacez ensuite «APP_ID» par l'ID d'application de votre site. Si vous ne possédez pas déjà d'ID d'application, rendez-vous sur developers.facebook.com/apps pour enregistrer votre site avec Facebook. Une fois que vous avez enregistré votre application, vous recevrez un ID d'application.

Copiez le code dans la deuxième zone de texte et collez-le dans le même fichier HTML, cette fois à l'emplacement de la page sur lequel vous souhaitez placer le bouton de connexion. Enregistrez le fichier HTML. Le bouton de connexion apparaît maintenant sur votre page Web.

Recommandé