come creare l'FBML nella propria pagina di facebook con tutti i codici

Le pagine fan di facebook stanno diventando sempre più diffuse per diversi motivi, sono molto simili ai profili, non hanno un limite di utenza, sono semplici da gestire e sono un validissimo strumento di marketing.

Come detto creare una pagina fan su facebook è molto, molto semplice basta seguire questo link ed il gioco è fatto; poi semmai diventa più difficile far crescere la pagina e farla conoscere ma usando tutti i mezzi che facebook ci mette a disposizione nemmeno questo diventa un'ardua impresa, infatti una pagina ben creata e abbastanza aggiornata cresce automaticamente in modo virale.

Bene abbiamo detto che facebook ci mette a disposizione diversi mezzi, vediamo in questo articolo quali sono e come usarli correttamente.

Come prima cosa dobbiamo dotare la nostra pagina fan di una landing page, ossia di una pagina di benvenuto, cosa importantissima perché su di essa potremo fare tutte le nostre personalizzazioni. Per face ciò ricorreremo all'FBML Statico, ossia un'applicazione da aggiungere alla nostra pagina che ci permette di creare una pagina nella quale inserire del codice HTML.

Ora installiamo ed aggiungiamo un "riquadro" FBML alla nostra pagina fan e facciamo in modo che sia la prima pagina che viene visualizzata dagli utenti che non hanno ancora clicckato sul famoso pulsante "Mi piace". Fare questo è molto semplice infatti ci basterà andare nelle impostazioni della nostra pagina ed in "Prima scheda visualizzata" selezioneremo il nostro bel riquadro FMBL. Non mi dilungherò molto a spiegare questi passaggi dato che è tutto molto semplice ed intuitivo.

Bene, ora che abbiamo la nostra scheda FMBL possiamo personalizzarla come meglio crediamo usando il nostro caro codice html ed usando dei codici particolari che ci regala facebook.

Per chi non ha molta dimestichezza con l'html vediamo i due codici più richiesti:

• Creare un collegamento

<a href="indirizzo web da inserire">Testo da visualizzare</a>

• Inserire un'immagine

<img src="indirizzo web immagine"></img>

Oltre l'html facebook ci offre del codice che ci permette di fare alcune cose molto importanti e che può per l'appunto essere usato in questi riquadri FBML:

• Visualizzare il nome di chi visita la pagina

<fb:userlink uid="loggedinuser"></fb:userlink>

• Inserire il pulsante condividi

< fb:share-button href="indirizzo web della tua pagina"< ?php the_permalink(); ?>">< /fb:share-button>

• Inserire lista commenti

<fb:comments xid="nome_pagina" canpost="false" showform="false" candelete="false" numposts="0" returnurl="indirizzo web pagina" publish_feed="true" simple="true"></fb:comments>

• Rendere un contenuto disponibile soltanto ad i  fan della pagina

<fb:visible-to-connection>Questo testo è visibile solo da chi è fan</fb:visible-to-connection>

Questi codici sono fondamentali per l'impatto di una pagina sui possibili fan, ora ci dilungheremo un poco allo studio dell'ultimo codice dato che IMHO è di fondamentale importanza ed è estremamente personalizzabile.

Come detto questo codice ci permette di rendere visibile uno contenuto soltanto ai fan della pagina ma non ci offre dei tag condizionali per creare una struttura tale da mostrare un contenuto ai non fan ed un altro contenuto diverso ad i fan; ma volendo possiamo crearci noi una struttura simile usando due div delle stesse dimensioni, il primo div verrà mostrato all'utente non fan e quando diventerà fan comparirà il secondo div che andrà a ricoprire il primo, vediamo ora due esempi di codice:

• In questo esempio nel primo div ci sarà un'immagine e nel secondo div ci sarà del testo

<div style="width:520px; height:500px; background:url(indirizzo web immagine);">
    <fb:visible-to-connection>
        <div style="width:520px; height:500px; background:#fff;position:absolute;">
        Contenuto riservato ai fan
        </div>
    </fb:visible-to-connection>
</div>

• In questo esempio in entrambi i div ci sarà del testo

<div style="width:520px; height:500px; position: relative;">
    Contenuto riservato ai non fan
    <fb:visible-to-connection>
        <div style="width:520px; height:500px; background:#fff;position:absolute;">
        Contenuto riservato ai fan
        </div>
    </fb:visible-to-connection>
</div>

Come visto questo codice è importantissimo e tramite esso potremo dare libero sfogo alla nostra fantasia, ad esempio possiamo usarlo per invogliare gli utenti a clicckare "Mi piace" offrendo loro un omaggio che inseriremo nel secondo div.