
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: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:
<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!
16 Commenti












Grazie mille! Proprio l’articolo che aspettavo!!
In realtà era più semplice di ciò che pensavo: un DIV!!!
Ottimo risultato (http://bit.ly/a71wh0).
Ciao!
yeah
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.
Grazie
Complimenti! Messo nei preferiti , lo leggerò bene quantoprima.
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
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
ho fatto mille prove ma non ci riesco mi date una mano?!! please
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ù…
io non ho capito dove va inserrito
ho creato la pagina http://bit.ly/994u38
ma nn so dove inserirlo…
Risolto
)))
Salve a tutti, voglio segnalare che il codice attualmente non funziona su ie8 mentre su firefox si, come si puo’ trovare una soluzione?
grazie!!!!
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