Facebook Connect permet à vos utilisateurs d'utiliser leur compte Facebook pour se connecter à votre site.
Quand ils se rendent sur le formulaire de connexion, les utilisateurs connectés à leur compte Facebook verront un bouton "Sign in with Facebook". Après avoir cliqué dessus, ils seront connectés immédiatement, et n'auront pas besoin de compléter la procédure complète d'enregistrement.
Les utilisateurs connectés avec Facebook Connect ont aussi la possibilité de synchroniser leurs statuts Facebook, leurs photos de profil, leur fond d'écran de profil et les informations "A propos de moi".
Les utilisateurs existants peuvent associer leur compte sur votre communauté avec le compte Facebook via la page paramètres.
Configurer une application Facebook
1. Vous devez créer une application sur Facebook via la page Développeurs. Vous devez bien entendu avoir un compte Facebook.
Une petite fenêtre s'ouvrira sur laquelle vous devrez compléter les champs suivants :
Display Name : le nom de votre application
Namespace : permet de déterminer une url du type http://apps.facebook.com/namespace/
Choisissez ensuite une catégorie dans laquelle placer votre app
Cliquez sur le bouton bleu "Créer une application"
Vous devrez valider un Captcha
Une fois validé, vous arriverez sur la page de gestion de votre application Facebook !
Et vous obtiendrez directement les 2 éléments importants à utiliser dans IP.Board :
- App ID
- App Secret
Il faudra bien entendu cliquez sur le bouton "Show" pour afficher votre App Secret
2. Rendez-vous dans votre PC Admin du forum, dans Paramètres système > System Settings > System > Social Media and Sharing
Enable Facebook Connect : Cochez "OUI"
Application ID : Indiquez le App ID affiché sur votre page application (voir miniature plus haut)
Secret Key : Indiquez l'App Secret affiché sur votre page application (voir miniature plus haut)
Default Member Group : Sélectionnez le groupe dans lequel vous voulez ajouter les membres qui s'inscrivent avec Facebook Connect
Facebook Bot Group : Choisissez le groupe par défaut dans lequel vous voulez mettre le Bot de Facebook. Si vous caché le forum aux invités, je vous recommande de le mettre dans le groupe "Membres"
Facebook Javascript "locale" : Indiquez fr_FR si vous voulez mettre en français, en_GB pour l'anglais d'Angleterre. Par défaut vous devriez avoir en_US pour l'anglais international.
Facebook "Real name/Display name" handling : Vous choisissez la manière dont sera choisi le pseudo du membre qui s'inscrit avec Facebook Connect. Je recommande "Enforce Real Name"
3. Retournez dans la page de gestion de votre application Facebook. Nous allons régler quelques paramètres.
Sélectionnez dans le menu de gauche "Settings".
Par défaut, vous arriverez automatiquement sur les paramètres de l'onglet "Basic"
Ajoutez votre "Contact Email", sans quoi, vous serez bloqué plus loin pour validé votre application. Il s'agit d'une adresse courriel de contact.
Cliquez ensuite sur "+ Add Platform" et choisissez "Website" dans la nouvelle fenêtre.
Vous reviendrez sur la page précédente, dans laquelle des nouveaux champs seront présents. Ajoutez l'URL de votre forum. (exemple : http://www.invisionboard.fr/forums/)
ATTENTION : Si lorsque vous accédez à votre communauté, l'URL ne contient pas www (Exemple : domain.com), vous ne devez pas indiquer les www dans l'application Facebook !
Enregistrez vos modifications et allons ensuite, sur l'onglet "Advanced" et vous cocherez OUI pour "Native or desktop app?"
Les restrictions sont propres à votre application et au contenu de votre site. (Alcool, restrictions d'âge, restrictions d'un pays, etc....)
Pour le reste, NON sera la réponse à mettre. (cfr ci-dessous)
Enregistrez vos modifications, et cliquez dans le menu de gauche sur "Status & Review".
Vous devez activer le bouton NON pour le faire passer à OUI, et ce afin que les points vides deviennent des points pleins.
Enregistrez vos modifications
4. Vous pouvez tester le bouton "Facebook" de votre site. Vous devriez obtenir ce résultat :
Dans l'onglet "App Details" du menu à gauche, si vous souhaitez indiquer l'URL de votre page Politique de Confidentialité, vous pouvez vous aider des sites suivants afin de les rédiger :
http://www.generateprivacypolicy.com/
http://www.freeprivacypolicy.com/
Et ce message d'erreur alors ??????
Ce message apparaîtra tant que vous n'aurez pas soumis votre application au contrôle de Facebook. Ce tuto sera complété prochainement pour vous aider à soumettre votre application, mais en attendant, cela ne devrait pas empêcher votre app de fonctionner.
Changer la "Meta Image"
Quand vous postez un lien de votre communauté sur Facebook, une image est associé à ce lien. C'est très facile à modifier, cependant, prenez note des spécifications émises par Facebook. Pour l'instant, votre image doit avoir au minimum 50px de largeur, et un ratio de 3:1.
ATTENTION : Si vous utilisez plusieurs skin, vous devez modifier cette image pour chaque skin
Vous pouvez modifier cette image via "Paramètres système > System Settings > System > General Configuration" via le paramètre "Meta tag: image_src"
ATTENTION : Facebook met cette image dans son cache. Cela peut donc prendre 7 jours pour qu'ils modifient l'image lorsque vous postez un lien.
Changer cette Meta Image n'est pas nécessaire pour le bon fonctionnement de Facebook Connect, mais pour éviter d'avoir la même image que toutes les autres communautés utilisant IP.Board, je vous conseille de la modifier.
Votre communauté est prête et paramétrée pour accueillir des nouveau membres via Facebook Connect
Commentaires recommandés
Rejoindre la conversation
Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.