Ces pages sont conçues de manière professionnelle et ont certaines fonctionnalités utiles, que n’importe qui peut mettre en œuvre par ses propres moyens, sans l’aide de professionnels.
Par exemple, la page iTunes d’Apple vous permet de rechercher des applications directement dans Facebook.
Un magasin de t-shirts en ligne vous permet de commenter votre design préféré, sans quitter Facebook, tandis que CNN, ainsi que la page clic-ouest sur Facebook, présente toutes les dernières nouvelles par ordre chronologique.
Comment éditer pages Facebook pour qu’elles ressemblent à de vrais sites Web, avec applications interactives et informations personnalisées ?
MISE À JOUR : FBML n’existe plus, voir le guide pour créer la page Facebook.
Sans engager de concepteurs ou de programmeurs expérimentés, vous pouvez suivre ce guide pour modifier la page.
Vous pouvez utiliser le langage interne de Facebook et, en installant l’éditeur FBML sur votre page, vous pouvez ajouter : une page d’accueil (qui devient la « Carte d’arrivée » personnalisée pour inviter les visiteurs à devenir supporters ou fans), sondages, présentations, diaporamas photo, flux RSS actualités, vidéos, lecteurs audio, commentaires et autres.
1) Après avoir créé la page Facebook liée à votre blog ou entreprise, l’éditeur FBML pour utiliser ces codes est Static HTML iFrame qui est aussi l’un des meilleurs éditeurs pour modifier les pages Facebook avec iFrame HTML.
2) Pour revenir à votre page de fans où vous êtes administrateur, cliquez sur le lien Modifier la page dans la barre latérale et cliquez sur « Modifier » dans la section FBML.
3) C’est l’environnement de développement où vous pouvez insérer du code FBML (avec l’API Facebook) et du HTML normal.
Ceux qui connaissent le langage de programmation des sites Web, html, n’auront aucune difficulté à insérer des images, des tableaux, des paragraphes et tout ce qu’ils veulent.
Si vous n’avez aucune expérience avec le html, continuez à lire le guide.
4) Après avoir créé une page statique comme la page d’accueil, retournez dans les paramètres du changement de page, cliquez sur « Modifier » sous « Paramètres du tableau d’affichage » et sélectionnez, sous « Formulaire d’arrivée par défaut pour tous les autres », la nouvelle page créée.
5) Pour les autres nouvelles sections créées, il suffit de les localiser dans la liste, de cliquer sur « Paramètres de l’application » et de les ajouter comme onglets.
Revenons maintenant au point 3, voyons quelques exemples de code à utiliser pour créer de nouvelles applications et sections personnalisées sur la page Facebook.
1) La première chose, obligatoire pour tout le monde, est pour créer une page d’accueil qui apparaît lorsque quelqu’un visite la page Facebook.
Il s’agit d’une couverture ou d’une page d’accueil qui peut contenir une image de bienvenue, un commentaire de présentation et une invitation à soutenir la page en cliquant sur le bouton « J’aime ».
Vous devez ensuite insérer une image personnelle créée ad hoc pour Facebook et utiliser un code de ce type.
pimg src= »http://esempio.com/mi-piace.jpg »
p
pbS’abonner à …. sur Facebook /b sur Facebook
p
pbCliquez sur le bouton « J’aime » ci-dessus/b.
p
La seule condition à remplir est que la largeur de l’image ne dépasse pas 520px.
Pour ajouter une page d’accueil, vous pouvez également utiliser l’application automatique WelcomeTab.
2) Si vous voulez ajouter des cartes, des nouvelles et des cadeaux (comme un coupon, un certificat cadeau, le téléchargement d’un livre ou d’un guide), caché aux non fans et disponible seulement à supporters qui ont cliqué le bouton « J’aime », vous pouvez créer une condition du même genre :
fb:visible à la connexion fb:visible à la connexion
/fb:visible à la connexion
// insérer ce qui ne doit être visible que par les ventilateurs
h2Bienvenue /h2Bienvenue de nouveau
p
pVous pouvez a href= »book.pdf »Télécharger/a votre cadeau.
p
fb:else fb:else
/fb:else
// Bienvenue à ceux qui ne sont pas encore sotenitore
img src= »http://esempio.com/mi-piace.jpg » img src= »http://esempio.com/mi-piace.jpg »
2) Intégrer une vidéo sur YouTube dans un onglet fixe de la page Facebook est très simple, il suffit de copier-coller le code suivant dans la boîte FBML et de remplacer l’identifiant vidéo par celui de YouTube.
<font color= »#ec14bd »>Sync & ; corrections by honeybunny <font color= »#ec14bd »>http://www.youtube.com/v/ID
Sous-titres par MemoryOnSmells http://img.youtube.com/vi/ID/default.jpg
width= »480″ height= »360″ /
3) Pour ajouter un flux RSS et publier sur Facebook les nouvelles écrites sur votre blog, vous pouvez utiliser l’application Blogs en réseau pour les avoir sur un autre onglet.
4) Pour ajouter une boîte Comments pour que tous les commentaires du lecteur apparaissent dans un onglet séparé, vous pouvez créer une nouvelle section avec FBML, en utilisant ce code :
fb:comments xid= »clic-ouest » canpost= »true » showform= »true » »true
/fb:commentaires commentaires
fb:titleLet a comment/fb:titleLet a comment/fb:title
Vous devez changer xid avec un mot que vous aimez et unique.
5) Ajouter modules, boîtes de dialogue, popups.
Les popups semi-transparents peuvent être amenés sur la page Facebook en suivant le guide du développeur pour fb:dialog.
Par exemple, le code suivant, s’il est ajouté en tant que nouvelle section FBML, crée un lien « About us » sur la page Facebook.
fb:dialog id= »dialog » cancel_button= »1″ »id= »dialog ».
/fb:dialogue.
fb:dialog-titleQui sommes-nous /fb:dialog-titleTitre de dialogue
fb:dialog-contentwww.clic-ouest.fr est un blog sur l’informatique et la technologie/fb:dialog-contentwww.clic-ouest.fr
fb:dialog-button type= »button » value= »Yes » href= »http://www.clic-ouest.fr » ».
/fb:boîte de dialogue Bouton de dialogue
a href= »# » clicktoshowdialog= »dialog »Clicca qui/a per accedere al sito
6) Incorporare una applicazione esterna in flash può servire, tra le altre cose, a :
– Inserire una presentazione Slideshare (Slideshare serve a pubblicare presentazioni Powerpoint online come fossero video YouTube).
fb:swf swfsrc= »http://slideshare.net/swf/ssplayer2.swf?doc=ID_HERE » br= » »
/fb:swf
width=’515′ height=’425′ imgsrc= »thumbnail.jpg » /
Sostituire l’indirizzo dell’immagine di anteprima pubblicata online e, nel caso, l’indirizzo con l’swf
– Aggiungere una Chat Room con cui l’amministratore della pagina può comunicare in chat con i sostenitori quando essi sono collegati alla pagina.
Je fan non potranno usare questa chat per comunicare tra loro.
Per questo obiettivo, si può usare MeeboMe inglobandolo in una nuova sezione FBML con il seguente codice :
fb:swf swfsrc= »http://widget.meebo.com/mm.swf?ID » br= » »
/fb:swf.
width=’515′ height=’425′ imgsrc= »chat-thumbnail.jpg » /.
– Creare sondaggi con PollDaddy
fb:swf swfsrc= »http://i.polldaddy.com/poll.swf?p=ID_HERE » br= » »
/fb:swf
width=’250′ height=’500′ imgsrc= »poll-thumbnail.jpg » /
7) Podcast et autres fichiers musicaux au format MP3
Facebook rendez-vous estremamente facile incorporare fichier audio MP3 da ascoltare online sulle pagine di Facebook.
Bisogna soltanto caricare i file mp3 su internet (in Skydrive o in Google Docs) ed usare il seguente codice nel FBML.
fb:mp3 src= »http://example.com/podcast.mp3″ br= » »
/fb:mp3″.
title= »titolo » artiste= »nome_artista » /
8) Aggiungere un box per far suggerire la pagina agli amici
Il codice è di questo tipo
fb:request-form
/fb:request-form
action= »http://www.facebook.com/clic-ouest?v=app_4949752878″
type=’Naviguer sur Facebook ».
content=’Penso ti piacerà clic-ouest, te lo consiglio
fb:req-choice url= »http://www.facebook.com/clic-ouest » br= » »
/fb:req-choice ».
label= »Manda » / »
fb:multi-friend-selector actiontext= »Consiglia clic-ouest ai tuoi amici » rows= »3″ cols= »3″ max= »20″ showborder= »true » ».
#/fb:multi-friend-selectorsélecteur d’amis
Si basa su due funzioni del linguaggio FBML di Facebook ossia : la fb:request-form e la fb:friend-selector.
Pour plus d’informations, consultez notre page Facebook sur www.clic-ouest.fr.
En alternative, il est possible d’avoir un fichier plus simple et plus simple à utiliser que le fichier 6, avec des applications web qui permettent d’accéder à des musiques plus musicales ou à Facebook avec Mixpod.
