Les fan pages Facebook et surtout la croissance de leur nombre de fans est un sujet récurent pour les marques.
Nous allons voir comment créer un onglet sur une page Facebook dont le contenu est réservé aux personnes s’étant déclarées “fans” de la marque.
Le but étant de motiver, par la curiosité, plus de personnes à devenir fans (et de leur réserver des goodies/infos exclusives etc.)
Et pour rendre la gestion de ce contenu plus simple, nous allons faire en sorte que la page en question affiche les billets d’une catégorie “masquée” du blog WordPress de la marque.
Pour l’exemple, nous allons voir comment cela a été mis en place (hier soir) pour la fan page d’Hellotipi : Voir la fan page Hellotipi et le contenu réservé.
1 – Filtrer le contenu du blog
Le but étant de créer une catégorie sur le blog d’Hellotipi dont le contenu n’apparait ni sur le blog (dans la liste des billets ou dans la recherche) ni dans le flux RSS de celui-ci (on va également masquer la catégorie dans la liste des catégories).
Pour cela, on commencer par créer une catégorie dédiée à la fan page :
Onglet “catégories” de l’admin WordPress > “Ajouter une nouvelle catégorie” (vous pouvez la nommer comme bon vous semble)
Une fois la catégorie créée, en passant la souris dessus, vous devriez connaitre son ID -> notez le (ID 123 par exemple)
Ouvrez maintenant le fichiez “functions.php” qui doit se trouver à la racine à la racine du theme de votre blog.
Et en haut de celui-ci ajoutez :
add_filter('pre_get_posts', 'exclude_category');
function exclude_category($query) {
$category_id_to_remove = '-123';
$query->set('cat', $category_id_to_remove);
return $query;
}
Attention à bien garder le signe “moins” devant l’ID de la catégorie à filtrer.
Pour masquer la catégorie de la liste des catégories du blog, il suffit de rajouter “&exclude=123″ dans les paramètres de la fonction “wp_list_categories” (probablement utilisée dans le fichier de template dédié à la sidebar de votre blog)
wp_list_categories('show_count=1&title_li=&exclude=123');
Vous pouvez désormais créer un premier billet, en prenant soin de le rattacher à la catégorie masquée et une fois publié, celui-ci ne devrait pas apparaitre sur le blog (ni dans le flux RSS)
2 – Préparer l’application Facebook coté blog
Téléchargez ce script et placez son contenu dans un répertoire de votre blog, créé pour l’occasion.
Par exemple, si votre blog est hébergé sur http://www.domaine.com/blog/ placez le contenu (le fichier index.php et le répertoire d’images) dans http://www.domaine.com/blog/fb_app
Editez le fichier index.php et renseignez ainsi les variables en utilisant l’ID de la catégorie et l’url du répertoire :
$main_app_location_http = 'http://www.domain.com/blog/fb_app/';
$category_id = '123';
$number_of_posts = 5;
3 – Créer l’application Facebook
Pour créer l’application, rendez-vous sur cette page (en ayant pris soin d’être connecté avec le compte admin de la fan page) :
http://www.facebook.com/developers/createapp.php
On vous demandra de choisir un nom (mettez ce que vous voulez) et de remplir un capcha.
Vous allez ensuite être redirigé sur la page de configuration de votre nouvelle application, cliquez sur l’onglet “Facebook integration”
Dans “Canvas page” choisissez le nom que vous voulez.
Dans “Canvas url” indiquez l’url du script sur votre blog.
Cochez l’option FBML.
Toujours dans le même onglet, un peu plus bas.
Choisissez le nom sous lequel va apparaitre l’onglet sur la fan page (option “Tab Name”) et dans l’option “Tab URL” indiquez seulement “index.php”.
Enregistrez le tout et faites cuire 35 min thermostat 7 (ou pas).
4 – Intégrer l’onglet dans la fan page
Retournez sur la page dédiée à votre application et cliquez (dans la colonne de gauche) sur “Add to my Page” et choisissez la page sur laquelle installer l’onglet.
Normalement, en vous rendant sur votre fan page, il ne vous reste plus qu’à cliquer sur le bouton “+” à droite des onglets pour ajouter l’onglet de l’application.
Et voilà !
Notre script est une version simplifiée de celui-ci et surtout qui fonctionne avec la version actuelle de Facebook (ce qui ne semble plus être le cas du script d’origine)
)
