Yann "Bug" Dubois

Saviez-vous qu’il est possible d’afficher votre blog dans une page Facebook et de tirer profit de toutes les fonctionnalités “sociales” de Facebook sans même installer la moindre extension ?

Tout ce dont vous avez besoin, c’est d’obtenir gratuitement un identifiant d’application Facebook, de créer une “Fan page” Facebook, de configurer l’appli Facebook pour récupérer une page sur votre blog, l’afficher dans un onglet sur mesure dans la Fan page et vous y êtes !

Voyons en détail comment cela fonctionne pas-à-pas…

1 – Connectez-vous à votre compte personnel Facebook et à l’appli “développeur“

Si vous n’en avez pas encore, il faut commencer par vous créer un compte Facebook ! Ce compte sera votre compte de développeur, et ce doit être le même compte que vous utiliserez pour créer la “Fan page” du blog dans Facebook. Dans le cas contraire, Facebook ne vous permettra pas de connecter votre “application d’affichage de blog” avec votre”fan page”, sauf si vous rendez votre application publique. Ce qui est à la fois bien plus compliqué et absolument pas nécessaire.

Maintenant, tout en bas de la page d’accueil de Facebook, cliquez sur le lien “developeurs“. A partir de là, les instructions dans Facebook seront essentiellement en anglais, mais grâce à ce tutoriel vous n’aurez pas à vous en soucier.

Si c’est la première fois que vous accédez à l’espace développeur, on va vous demander d’autoriser l’accès par “l’appli développeurs”  (developper app) à votre compte. Acceptez, puis cliquez sur le bouton vert “Start now” dans le coin supérieur droit de la page.

Cliquez tout de suite sur le lien “Go to the Facebook Developer App“.

Sauvegardez cette adresse de page dans vos signets, car vous risquez de devoir y revenir souvent et on dirait bien qu’il n’y a pas de lien fourni ailleurs dans l’interface de Facebook.

2 – Créez une nouvelle application Facebook

Cliquez sur le bouton “Setup new application“.

Choisissez un nom utile pour votre application (comme par exemple le nom de votre blog), et acceptez les termes du contrat Facebook, puis cliquez “Save changes”.

Vous pouvez remplir les champs d’information optionnels dans l’onglet “Basic” des réglages, mais ne vous en inquiétez pas trop à ce stade, ils ne sont pas obligatoires et tout fonctionnera correctement si vous les laissez en blanc pour l’instant. Votre “appli d’affichage de blog” n’est pas destinée à devenr publique de toute façon.

Cliquez sur l’onglet “Authentication” à gauche, et cochez l’option Installable to… “Facebook Pages”. C’est important.

Puis cliquez sur l’onglet “Profiles” à gauche, et choisissez un “nom d’onglet” qui s’affichera dans votre Fan page. Faites court et lisible : le contenu de votre blog apparara sous ce nom dans votre page.

Maintenant vous devez passer à l’onglet “Canvas” à gauche. Choisissez un “URL de page de cannevas” Facebook (“Canvas Page URL”). Une fois encore, c’est un nom interne qui ne s’affichera pas pour le public, donc choisissez n’importe quel nom court qui vous convient (n’utilisez que des minuscules).

Le moment est venu de prendre la décision la plus importante de ce processus de configuration, à savoir de décider de l’URL de votre blog à utiliser pour afficher une version minimaliste de votre blog adaptée à l’affichage dans Facebook.

Pour la suite de ce tutoriel, nous considérons que cette page sera servie depuis cette adresse :

http://<votre.blog>/facebook/home

Le point important à garder à l’esprit est que c’est probablement une bonne idée d’utiliser un URL de second niveau, car Facebook va tenter d’utiliser deux niveau de répertoires dans l’URL pour interagir avec votre blog.

Donc dans notre exemple, Facebook va envoyer la requête http à ces deux adresses :

http://<votre.blog>/facebook

et

http://<votre.blog>/facebook/home

Cependant, seul l’url de la seconde page nécessite de retourner quelque chose d’interprétable par Facebook. Le premier devrait plutôt se contenter d’afficher une page vide.

Nous verons comment arriver à ce résultat dans la suite de cette explication.

Remplissez le champ “Canvas Callback URL” avec l’URL de la page de premier niveau de votre blog. Dans notre exemple, ce serait :

http://<votre.blog>/facebook

Maintenant retournez dans l’onglet “Profiles” de la partie gauche, et remplissez le champ “Tab url” de façon à indiquer l’URL de la page de second niveau mentionnée ci-dessus. Dans notre exemple, il s’agirait de :

home

De façon à ce que le champ “Tab URL” complet apparaisse maintenant comme suit :

http://<votre.blog>/facebook/home

Cliquez sur le bouton “Save changes” en bas de la page… la configuration de votre application Facebook est à présent achevée ! – Vous pourrez revenir aux paramètres de cette configuration ultérieurement si vous souhaitez remplir plus de champs optionnels pour compléter votre appli.

La suite de cet article (créer une page de fan dans Facebook) est pour l’instant disponible en anglais uniquement.

A complete English version of this article is available here.