Aller au contenu
Invision Board France

Facebook Connect - Intégration à votre forum


PersonalMode

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.

 

 

gallery_4910_8_96.png

 

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

 

 

gallery_4910_8_15211.png

 

Cliquez sur le bouton bleu "Créer une application"

 

Vous devrez valider un Captcha

 

gallery_4910_8_23801.png

 

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

gallery_4910_8_17964.png

 

2. Rendez-vous dans votre PC Admin du forum, dans Paramètres système > System Settings > System > Social Media and Sharing

 

 

4pcadmin.png

 

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".

 

 

gallery_4910_8_22118.png

 

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.

 

gallery_4910_8_4151.png

 

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 !

 

gallery_4910_8_11679.png

 

Enregistrez vos modifications et allons ensuite, sur l'onglet "Advanced" et vous cocherez OUI pour "Native or desktop app?"

 

gallery_4910_8_7649.png

 

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)

 

gallery_4910_8_6152.png

 

gallery_4910_8_4416.png

 

Enregistrez vos modifications, et cliquez dans le menu de gauche sur "Status & Review".

 

gallery_4910_8_15226.png

 

Vous devez activer le bouton NON pour le faire passer à OUI, et ce afin que les points vides deviennent des points pleins.

 

gallery_4910_8_20935.png

 

 

Enregistrez vos modifications

 

4. Vous pouvez tester le bouton "Facebook" de votre site. Vous devriez obtenir ce résultat :

 

gallery_4910_8_906.png

 

 

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 ??????

 

gallery_4910_8_6037.png

 

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


Retour utilisateur

Commentaires recommandés

1. J'ai réussi à intégrer les inscriptions avec Facebook et Twitter. Cependant lorsque je veux partager un article, je n'ai pas le texte de l'article qui apparait dans le cartouche avant validation mais un message me disant que java n'est pas activé, or il l'est...

2. Enfin je gère 2 pages sur mon compte facebook. Malheureusement je ne peux que publier sur mon compte principal et non sur la page concernée

 

Merci

Lien vers le commentaire
Partager sur d’autres sites



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.

Invité
Ajouter un commentaire…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

Chargement

×
×
  • Créer...

Information importante

En utilisant ce site, vous êtes d’accords avec nos Conditions d’utilisation. Nous avons placé des cookies sur votre appareil pour aider à améliorer ce site. Vous pouvez choisir d’ajuster vos paramètres de cookies, sinon nous supposerons que vous êtes d’accord pour continuer.