Comment utiliser Facebook Connect sur son site web

Facebook Connect possède un véritable éventail d’avantages…

Vous souhaiteriez avoir plus d’informations sur les personnes qui visitent votre site web ?

Vous vous demandez comment recibler les gens ayant interagi avec vos publicités Facebook ?

Ou peut-être cherchez-vous simplement à faciliter le processus d’inscription sur votre site web ?

Permettre aux visiteurs de se connecter sur votre plateforme avec Facebook Connect peut vous permettre de rassembler toutes leurs informations pertinentes pour que vous puissiez mieux les recibler avec vos publicités Facebook par la suite

Dans cet article, nous vous montrerons comment ajouter Facebook Connect sur votre site Web.

Pourquoi utiliser Facebook Connect sur son site web ?

Une grande question demeure: pourquoi donner à vos utilisateurs la possibilité de se connecter avec Facebook ? Qu’en est-il pour vous?

En donnant à vos utilisateurs cette possibilité, vous leur facilitez la vie. 

Ils n’ont pas besoin de créer un nouveau compte avec un nouveau mot de passe, leur permettant ainsi de centraliser leurs identifiants.

Cela simplifie également le processus de création d’un compte sur votre site, ce qui pourrait à son tour améliorer votre taux de conversion. 

Jusque là, c’est pas mal.

Mais la cerise sur le gâteau, c’est qu’avec Facebook Connect, vous pouvez collecter plus d’informations sur vos utilisateurs. Cette fonction amène donc une meilleure performance publicitaire et vous donne des statistiques nécessaires à l’amélioration de votre produit/service.

Voyons ensemble comment installer Facebook Connect sur votre site web !

#1 – Choisir les données à collecter

Lorsqu’il s’agit de collecter des données auprès de vos utilisateurs avec Facebook Connect, il existe plus de 50 options. Il est donc important de savoir ce qui compte le plus pour votre entreprise.

Il est souvent tentant de vouloir rassembler autant d’informations que possible, mais cela pourrait aussi considérablement nuire votre taux d’inscriptions, ce qui, je suis sûr, n’est pas votre objectif. 

Le but, c’est de trouver les données qui ont le plus d’impact sur vos objectifs commerciaux. Le reste, on s’en fout.

Facebook Connect exemple

Comme vous pouvez le voir sur l’image ci-dessus, Serpstat permet à ses utilisateurs de se connecter avec Facebook, Twitter, Linkedin, Google ou par e-mail en fonction de ce que leur client préfère.

En cliquant sur l’option Facebook Connect, vous êtes invités à accepter la demande de Serpstat directement sur Facebook dans une fenêtre qui ressemble à ceci :

Serpstat Facebook Login

Et si vous cliquez sur Modifier (Edit this), vous verrez ce que Serpstat recueille à partir de son bouton Facebook Connect. En l’occurence, il s’agit de mon adresse e-mail, mon nom et ma photo de profil.

Serpstat Login Facebook

Nous vous recommandons de vous concentrer sur les informations les plus pertinentes qui aident réellement votre entreprise à atteindre ses objectifs afin de ne pas diminuer les taux de conversion

Voici quelques informations importantes à recueillir :

Email

Le véritable avantage de collecter l’e-mail de votre client (au-delà de l’ajouter à votre liste de diffusion) est de vous assurer que vous avez la bonne adresse e-mail pour votre audience personnalisée Facebook. Vous éviterez également les fautes d’orthographe dans les adresses e-mail des utilisateurs.

Profil public

En demandant l’accès au profil public Facebook de l’utilisateur, vous serez en mesure de recueillir son nom, son sexe, ses langues parlées et son groupe d’âge. Cela vous aidera à leur envoyer des informations plus personnalisées à travers la publicité ou au email marketing.

Mentions J’aime

En rassemblant ces informations, vous pourrez également envoyer des informations plus pertinentes au client grâce à une meilleure compréhension de ses goûts et intérêts.

Amis de l’utilisateur

Ces informations ne sont pas essentielles mais peuvent aider à améliorer l’image de votre marque. En effet, en montrant à l’utilisateur lesquels de ses autres amis utilisent votre produit ou service, vous améliorer votre image perçue.

Petit conseil ️: Nous vous recommandons toujours d’être francs sur toutes les données que vous collectez et de respecter le RGPD. Les gens ont plus de chances de s’inscrire si vous êtes transparents.

#2 – Configuration de la connexion de votre application

Une fois que vous avez choisi les données que vous souhaitez demander à vos utilisateurs, il faut créer l’application Facebook qui gère les autorisations sur votre site web. 

Bien que cela puisse sembler intimidant, ce n’est vraiment pas le cas.

#1 – Créer un compte de développeur Facebook

Rendez-vous d’abord sur developpers.facebook.com, connectez-vous à votre compte Facebook et cliquez sur le côté droit sur mes applications

Cliquez ensuite sur créer une application.

Facebook ads developper

#2 – Entrez le nom de l’application et la catégorie la plus appropriée

Ensuite, vous devrez choisir le nom de votre application et l’ email de correspondance. Ensuite, cliquez simplement sur Créer un ID d’application.

Create Facebook Connect

#3 – Sélectionnez Facebook Login dans votre tableau de bord et cliquez sur configurer

Facebook Login

#4 – Choisissez où vous voulez que Facebook Connect apparaisse : iOS, Android, Web ou autre

Facebook connect - app

#5 – En choisissant Web, nous devons maintenant donner quelques informations avant d’être acceptés par Facebook

Facebook app url

#3 – Soumettez votre application Facebook Connect pour examen

L’étape suivante consiste à demander à Facebook d’ajouter des autorisations et des fonctionnalités à votre demande. C’est un processus obligatoire si vous demandez plus que l’adresse e-mail, la photo de profil et le nom des utilisateurs.

La première étape pour ce faire est d’aller sur developpers.facebook.com. Ensuite, cliquez sur examen de l’application à gauche, puis sur les autorisations et les fonctionnalités dans le menu déroulant.

Par exemple, si vous voulez accéder aux publications faites par un utilisateur, vous devrez cliquer sur Demande (request).

Après avoir cliqué sur Demande, vous serez invité à cliquer sur Continuer. Vous arriverez sur une page qui vous demandera comment accéder à votre application pour vérifier si Facebook vous accorde les autorisations demandées.

Facebook App Verification

Ensuite, vous devez indiquer à Facebook comment vous prévoyez utiliser les données que vous demandez. Nous vous suggérons d’être aussi transparents que possible car cela augmentera vos chances d’être accepté.

Comme vous le verrez, vous devrez expliquer comment votre application utilisera la fonctionnalité Facebook Connect. Vous devrez également intégrer un enregistrement vidéo montrant à quoi ressemble votre expérience utilisateur de bout en bout. 

Mmontrez d’abord comment les gens se connectent avec Facebook sur votre application. Puis, comment l’autorisation demandée est utilisée dans votre application du point de vue de l’utilisateur.

Finalement, vous pouvez ajouter plus d’autorisations et de demandes de fonctionnalités juste en dessous dans la même demande afin d’obtenir une réponse plus rapide.

Facebook additional permissions

Une fois que vous avez répondu à toutes les questions et importé les bons documents, la vérification peut prendre quelques jours. Cela peut prendre plus de temps, mais c’est généralement fait en moins de deux semaines.

#4 – Ajouter Facebook Connect à votre site web

Vous pouvez ajouter Facebook Connect sur votre site web de deux manières. Dans cet exemple, nous vous montrerons la méthode Facebook officielle.

Premièrement, rendez-vous sur la page Bouton de connexion – Développeurs Facebook où vous pourrez facilement personnaliser votre bouton avec des paramètres.

Puis, sélectionnez quelques options dans le configurateur de plugins dans un espace qui ressemble à celui ci :

facebook connect plugin

Vous pouvez y définir la largeur, la taille, le texte et la forme du bouton.

En activant le bouton de déconnexion, vous permettez à vos utilisateurs de se déconnecter en cliquant une deuxième fois sur votre bouton.

N’oubliez pas que normalement, le bouton est conçu pour ne collecter que des informations de base. Si vous avez demandé d’autres autorisations, vous devrez les ajouter ici pour qu’elles fonctionnent.

Une fois que vous avez terminé de donner à votre bouton un beau petit look, vous pouvez prendre le code du SDK Javascript et l’ajouter sous vos balises body. Intégrez-le là où vous voulez qu’il apparaisse sur votre site web.

Voici une explication du code que vous devrez saisir au cas où vous voudriez changer quoi que ce soit manuellement.

Facebook login code

Et voilà ! Si vous avez déjà été approuvé par Facebook pour vos autorisations, Facebook Connect est prêt à fonctionner. Sinon vous devrez simplement attendre quelques jours de plus.

Enfin, si vous souhaitez exploiter les données que vous obtiendrez sur vos utilisateurs et que vous ne pouvez pas consacrer des développeurs à vous aider à les exploiter avec des fichiers .csv, il existe des tonnes de logiciels tiers qui peuvent vous aider à le faire.

Pour finir

L’ajout de Facebook Connect est un excellent moyen de rendre le processus d’inscription plus efficace pour les utilisateurs. Mais c’est également de collecter des informations pertinentes à leur sujet afin d’améliorer vos efforts marketing. 

Il vous suffit de vous rendre sur developer.facebook.com et de suivre les étapes décrites dans cet article.

C’est plus simple que la plupart des gens ne le pensent et nous espérons que cet article vous l’a fait comprendre. Enfin, si vous souhaitez améliorer la conception de votre bouton, n’hésitez pas à contacter les développeurs qui seront d’une aide précieuse.

Get a free marketing proposal

Our proposal’s are full of creative marketing ideas you can leverage in your business. Everything we’ll share is based on our extensive experience & recent successes we’ve had.

Obtenez une proposition de marketing gratuite

Nos propositions sont pleines d’idées marketing créatives que vous pouvez mettre à profit dans votre entreprise. Tout ce que nous partageons est basé sur notre vaste expérience et nos récents succès.

Informations exclusives sur les publicités Facebook

Accédez gratuitement aux informations les plus exclusives de notre équipe d’experts sur les publicités Facebook. Livré chaque mois, directement dans votre boîte de réception.