Comment personnaliser votre page Facebook à l’aide de FBML statique

Note importante: Facebook ne prend plus en charge FBML. Veuillez vous référer aux articles sur Facebook iFrame.

Votre page Facebook est ennuyeuse et peu engageante ? Peut-être avez-vous vu ces pages Facebook vraiment attrayantes et vous êtes-vous demandé : « Comment ont-ils fait ça ?

Étant donné le statut de moteur de Facebook pour les spécialistes du marketing, n’est-il pas temps de mettre à jour votre page Facebook ?

Comment peux-tu aidez votre marque à se démarquer de la concurrence et augmentez la pertinence de votre page Facebook?

La réponse : FBML statique. Cet article partagera ce que vous devez savoir pour effectuer une refonte de page Facebook.

Qu’est-ce que le FBML statique ?

FBML signifie Facebook Markup Language, qui est un sous-ensemble de HTML.

Static FBML est une application Facebook qui permet aux administrateurs de pages Facebook de créer des onglets personnalisés sur leurs pages Facebook. Cette demande est uniquement disponible pour les pages Facebookpas pour les profils personnels ou les groupes Facebook.

Ajout de FBML statique à votre page Facebook

Vous pouvez ajouter FBML statique dans quatre étapes faciles.

#1 : Assurez-vous que vous êtes un administrateur de la page Facebook afin d’avoir la possibilité de la modifier.

#2 : Accédez à l’application FBML statique.

#3 : Cliquez sur “Ajouter à ma page”.

#4 : Une fenêtre apparaîtra contenant une liste des pages Facebook pour lesquelles vous êtes administrateur. Cliquez sur “Ajouter à la page” pour ajouter l’application.

Le FBML statique est maintenant ajouté à votre page.

Avant d’ajouter du contenu à votre onglet FBML, tu devrais avoir une idée la taille d’image ou de vidéo dont vous avez besoin afin que ces composants tiennent dans l’espace prévu.

Configuration de FBML statique en tant qu’onglet

Pour configurer votre onglet FBML, cliquez sur “Modifier la page” sous le logo/avatar de votre page Facebook situé sur votre mur.

Faites défiler jusqu’à la section “Applications” et localisez l’application FBML et cliquez sur “Paramètres de l’application” (voir ci-dessous). Assurez-vous que le paramètre “Tab” est “ajouté”. Vous avez maintenant un onglet FBML.

À gauche des paramètres de l’application, vous verrez une option “Modifier” sur votre FBML. C’est là que vous collerez finalement votre code HTML. Vous pouvez également ajouter un « titre de boîte ». Le titre de la case devient le nom de votre onglet.

Veuillez noter que votre boîte FBML doit être codée pour une largeur maximale adaptée à une languette. La largeur maximale d’un onglet FBML est de 520 pixels.

Ajouter du contenu à votre onglet FBML statique

Il est maintenant temps de modifier et d’ajouter du contenu. Pour commencer, cliquez sur “Modifier la page” situé sous le logo de votre page Facebook. Faites défiler jusqu’à la section “Applications” et localisez l’application FBML, mais cette fois, cliquez sur “Modifier”. L’onglet FBML sera vide.

C’est la zone où vous pouvez nommez l’onglet FBML et ajoutez du code HTML. Veuillez noter que FBML ne fonctionne pas avec tout le code HTML. Par exemple, JavaScript ne fonctionne pas. Vous aurez besoin d’expérimenter.

Si vous faites défiler vers le bas, vous pouvez ajouter des onglets FBML supplémentaires.

Le nombre maximum d’onglets FBML que vous pouvez avoir est de 10.

Maintenant, pimentons votre Facebook page. Je vais passer en revue les deux améliorations les plus populaires à l’aide de Static FBML – l’ajout d’une image cliquable et l’intégration d’une vidéo YouTube.

Comment ajouter une image cliquable dans FBML statique

Lors de l’ajout d’une image dans la boîte FBML, j’ai trouvé que le meilleur endroit pour héberger des images est Photobucket. L’utilisation de photos Flickr ou Facebook m’a causé des problèmes. Si cela fonctionne pour vous, tenez-vous-y. La la largeur maximale d’une image dans l’onglet FBML est de 520px.

Il n’y a pas de hauteur maximale, mais considérez-la comme une page de destination en gardant le défilement au minimum. Demandez-vous : voulez-vous que les utilisateurs fassent défiler vers le bas pour comprendre le message ou voulez-vous faire passer l’essentiel une fois qu’ils ont atterri sur votre page ?

Téléchargez votre image sur votre compte Photobucket. Copiez l’URL directe de l’image que vous avez l’intention d’utiliser dans votre boîte FBML. Ensuite, vous voulez utiliser ce code:

https://xxxxx” mce_href=”https://xxxxx” target=”_blank”>https://aaaaa” mce_src=”https://aaaaalargeur = “##px” hauteur =”##px” border=”0″ alt=” “>

Remplace le xxxxx avec l’URL cible. Remplace le aaaaa avec le lien direct vers votre image Photobucket téléchargée. Remplace le ## avec votre largeur et votre hauteur en pixels.

Comment intégrer une vidéo YouTube dans FBML statique

Comme pour les images, je recommanderais une largeur maximale de 520 pixels pour un onglet. Après avoir téléchargé votre vidéo, vous souhaitez utiliser ce code:

000000” imgstyle=”border-width :##px ; couleur de la bordure:blanche; » swfsrc=”http://www.youtube.com/v/xxxxx” imgsrc=”http://img.youtube.com/vi/xxxxx/2.jpg” largeur=”520″ hauteur=”400″ />

Remplace le Xxxxx avec l’ID vidéo de votre YouTube. Dans les deux exemples ci-dessous, “MqqKPWhY4es” est mon identifiant YouTube.

Exemple 1 : Dans ce lien YouTube : http://www.youtube.com/watch?v=MqqKPWhY4estous les caractères après le “=” sont l’identifiant YouTube.

Exemple 2 : Si votre lien YouTube ressemble à ceci : http://www.youtube.com/watch?v=MqqKPWhY4es&feature=player_embeddedtous les caractères après le “=” et avant le “&caractéristique” sera l’identifiant YouTube.

Vous pouvez modifier les valeurs de “swfbgcolor” et “imgstyle” selon vos préférences. La “imgsrc” est un peu plus délicat car il s’agit d’une image d’aperçu. Lorsqu’un utilisateur clique sur l’image d’aperçu, celle-ci se transforme en vidéo. Pour voir un exemple concret, vous pouvez vous rendre sur la page Marketwire (voir capture d’écran ci-dessous). Afin de changer l’image d’aperçu, vous pouvez remplacer l’URL par un lien direct vers l’une de vos images Photobucket (ou toute autre source).

Assurez-vous d’ouvrir et de fermer toutes les balises et les guillemets.


Exemple d’image cliquable avec une vidéo intégrée

Comment définir la boîte FBML comme onglet de destination par défaut

L’option de définir votre onglet FBML comme onglet de destination par défaut, plutôt que le mur, est l’une des améliorations les plus pertinentes que vous pouvez apporter à votre page Facebook. C’est là que l’ajout de Google Analytics à votre page Facebook aide énormément au suivi.

Pour définir votre onglet FBML comme page de destination par défaut, allez dans “Modifier la page” sous le logo de votre page Facebook et faites défiler jusqu’à “Paramètres du mur”. Vous remarquerez une section intitulée “Page de destination par défaut pour tous les autres”. Les visiteurs qui ne sont pas fans de votre page verront votre onglet FBML nouvellement créé. Les visiteurs fans atterriront sur votre mur.

C’est ça!

FBML statique un must pour les pages Facebook

La possibilité d’améliorer votre page en tant que véhicule marketing en générant du trafic vers votre site Web et en interagissant encore plus avec votre public devrait mériter d’être prise en considération. De nombreux administrateurs évitent Static FBML parce qu’ils sont intimidés par le codage.

Ma suggestion : relisez cet article, recherchez un peu plus sur Google et essayez-le. Dans les mots de Ben Stiller du film Starsky & Hutch, faites-le ! Fais le! Fais le!.

J’espère que ce tutoriel vous a donné un aperçu de la façon d’implémenter Static FBML sur votre page Facebook.

Que pensez-vous du FBML statique ? Y a-t-il une raison pour laquelle vous ne l’avez pas encore ajouté ? Commentez ci-dessous et lançons cette discussion!

(Article traduit de socialmediaexaminer)
Quitter la version mobile