Visita <a href="http://www.liquida.it/" title="Notizie e opinioni dai blog italiani su Liquida">Liquida</a> e <a href="I widget di Liquida per il tuo blog">Widget</a>

feb1
Categoria: Facebook | Autore: Ghido

Come promesso, oggi ti svelerò un trucchetto per Facebook che non molti conoscono. Imparerai così a creare un contenuto che sia disponibile solo a quegli utenti che diventano fan della tua Pagina.

Abbiamo visto vari esempi di pagine che usano questa tecnica per invogliare gli utenti a diventare fan, offrendo loro bonus e coupon. Lo stesso espediente che ho usato nella pagina: Scopri come invitare tutti i tuoi amici su una Pagina Fan in un colpo solo!.

Vediamo allora come fare.

1. Come si fa?

Il segreto è l’utilizzo del tag <fb:visible-to-connection>. Tutto ciò che comparirà all’interno di questo tag sarà visibile solamente ai fan, mentre gli utenti non fan semplicemente non lo vedranno.

Studiando la documentazione, vediamo che tale tag va inserito all’interno di <fb:fbml version="1.1">. Ecco come risulterà:

<fb:fbml version="1.1">
    <fb:visible-to-connection>Questo testo è visibile solo da chi è fan</fb:visible-to-connection>
</fb:fbml>

2. Dove va inserito?

Se ti stai chiedendo, giustamente, dove diamine vada inserito questo codice, la risposta è molto semplice: va inserito nel Landing Tab che avrai creato seguendo questa guida.

Puoi prendere ispirazione studiandoti gli esempi che ho raccolto: con testi ed immagini mostri il tuo logo, la call to action e l’offerta. Poi, con questo codice, sveli il coupon o il regalo che offri.

3. If… then… else… ?

Ora può sorgere un problema: e se volessi creare una struttura simile a questa?

SE l’utente è fan
ALLORA mostra il coupon
ALTRIMENTI mostra la scritta “Diventa fan”.

Il fatto è che con quel tag possiamo solo definire il contenuto da mostrare ai fan, ma non esiste il modo di definire il contenuto alternativo per chi non lo è.

La soluzione è usare i CSS. Prova a riguardare questa Pagina: quando l’utente non è fan, vede l’immagine del form per invitare gli amici; quando diventa fan, ecco che invece gli compare il testo segreto.

Questo è il codice che ho usato:

<div style="width:496px; height:420px; background:url(http://www.miosito.it/immagine.jpg);">
    <fb:fbml version="1.1">
        <fb:visible-to-connection>
            <div style="width:496px; height:420px; background:#fff;">
            Contenuto riservato ai fan
            </div>
        </fb:visible-to-connection>
    </fb:fbml>
</div>

E’ presto detto: ho un div con la mia immagine di sfondo, visibile solo agli utenti non fan. Quando l’utente diventa fan, il div più interno compare. Visto che ha lo sfondo bianco, nonchè le stesse dimensioni del div contenitore, andrà a nascondere l’immagine sotto.

Semplice, no?

Se qualcosa non è chiaro o hai dubbi, lascia pure un commento!

Ti è piaciuto l'articolo? Vota Ok oppure No. Grazie Mille!

Leggi anche:

16 Commenti

  1. Grazie mille! Proprio l’articolo che aspettavo!!

    In realtà era più semplice di ciò che pensavo: un DIV!!! :D
    Ottimo risultato (http://bit.ly/a71wh0).

    Ciao!

  2. E il materiale riservato ai soci, dunque il contenuto privato per i fans in questo caso, si carica nel host del nostro sito o su Facebook sempre? E se si, in che parte di Facebook? Su fb:fbml version=”1.1?

    • Il contenuto riservato va inserito nel tab della tua pagina (grazie all’applicazione Static FBML), all’interno del tag .
      Chiaro che se è testo non c’è problema, se invece si tratta di immagini dovrai hostarle sul tuo spazio web.

  3. Complimenti! Messo nei preferiti , lo leggerò bene quantoprima.

  4. mio

    io ho provato ma non va
    quindi dovrei mettere solo nel FBML della pagina questo cosi?

    Questo testo è visibile solo da chi è fan

    Contenuto riservato ai fan

  5. Davvero un’ottimo articolo, l’ho provato sulla pgina fan di un mio blog sui videogiochi di avventura e funziona ottimamente (http://tinyurl.com/ygxhsp2) :)

    • Figo, hai fatto un ottimo lavoro :)

      • Thank You, ho colto la palla al balzo, visto che avevo già pronti da tempo questi ebook in formato pdf, ma non sapevo come utilizzarli :)

  6. antonio

    ho fatto mille prove ma non ci riesco mi date una mano?!! please

  7. Ciao antonio qual’è il problema che riscontri nello specifico?

    Guarda a me funziona tutto correttamente, anche perchè non è difficile implementare questa soluzione e l’articolo scritto da ghido è abbastanza chiaro secondo me.

    Ad ogni modo, prova a darci qualche informazione in più…

  8. io non ho capito dove va inserrito :-(
    ho creato la pagina http://bit.ly/994u38
    ma nn so dove inserirlo…

  9. Salve a tutti, voglio segnalare che il codice attualmente non funziona su ie8 mentre su firefox si, come si puo’ trovare una soluzione?

    grazie!!!!

  10. gianni

    ciao. ho visto la tua pagina http://www.facebook.com/invitatutti

    cliccando sull’immagine divento fan automaticamente. come hai fatto? generalmente per diventare fan della pagina bisogna cliccare sul pulsantino in alto con la bandierina scritto DIVENTA FAN.

    grazie ;-)

Lascia un commento

Inserisci le tue informazioni personali, o loggati con il tuo account Facebook.




Chiudi
Invia e-mail