Avec la mise sur le marché d'Open graph par Facebook, les boutons "J'aime" et autres Fan Box font leur apparition sur un grand nombre de site web.
Base de la stratégie médias sociaux d'une entreprise, la présence sur des réseaux sociaux comme Facebook passe inévitablement par l'intégration sur son site d'éléments tierces mise à disposition par la marque au F bleu.
Avant-propos
Objectif du tutoriel
Niveau
|
Durée
Pré-requis
|
Intégrer une Fan Box / Like Box sur son site Joomla
Deux solutions simples existent pour parvenir à nos fins.
La première, exclusivement pour un site Joomla 1.5.x, consiste à installer un module Fan Box comme celui proposé dans notre centre de téléchargement puis d'y inscrire sa clé API Facebook ainsi que son identifiant de page Facebook. (http://www.facebook.com/pages/NosyWeb/133875877576)
La seconde, celle que nous allons découvrir ensemble, consiste à récupérer tous les éléments chez Facebook.
Générer sa Fan Box
Pour se faire, rendez-vous sur votre page Facebook en vous connectant à votre compte afin d'avoir l'autorisation de vous rendre dans l'espace "Modifier : Page" de cette page.
Cliquez ensuite sur Marketing => Un espace J’aime sur votre site web
Précisez alors tous les champs renseignés avant de cliquer sur "Get code"
Notez que l'Url de votre page Facebook (Facebook Page URL) est récupérable dans la barre d'adresse de votre navigateur lorsque vous êtes sur la page Facebook mais doit être de la forme : http://www.facebook.com/pages/NosyWeb/133875877576.
L'aperçu sur la droite vous permet d'obtenir le rendu final.
Insérer le code nécessaire sur son site web
En cliquant sur "Get code" vous obtenez 2 codes au choix à insérer dans votre site :
Nous vous conseillons d'insérer le code XFBML. Pour se faire, rien de plus simple, copier-coller le code et rendez-vous dans votre interface de gestion Joomla Extensions => Gestions des modules puis faites "Nouveau" en haut à droite. Une liste apparaît, choisissez alors "HTML personnalisé".
Vous arrivez alors sur la fenêtre suivante :
Terminez par les points suivants :
- Donner un titre
- Activer le module en cochant "Oui"
- Choissisez la position sur votre template
- Cliquez sur "Source" ou tout autre bouton vous permettant d'accèder au code (Ex : Basculer l'éditeur)
- Coller le code Facebook que vous avez copié précédemment
Bravo ! Vous avez réussi à installer une Fan Box / Like Box Facebook sur votre site Internet.