37 Commenti
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!
ATTENZIONE!
Alcuni hanno commentato “Ho fatto come hai detto, ma non funziona”. Occhio!
Tieni presente che se sei amministratore della pagina, vedi lo stesso i contenuti riservati, anche se non sei fan! Devi accedere con un altro account per apprezzare la cosa o chiedere ad un amico.
Per domande tecniche su Facebook, ti invito a postare sul Forum apposito!
![[Pesce d'Aprile!] Facebot: metti il pilota automatico a Facebook!](http://www.bigthink.it/wp-content/uploads/pth/thumb_facebot.jpg)
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
)))
Non male come risultato
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
Eh, purtroppo Facebook ha disabilitato questa cosa e non funziona più
Confermo che su IE 8 non funziona.
Una rapida soluzione consiste nell’usare due DIV, come nell’esempio qui sotto.
Contenuto per i non fan
Contenuto riservato ai fan
Ops… scusate, provo a encodare l’HTML. Ecco il codice.
<div style="width:755px; height:588px;">
Contenuto per i non fan
</div>
<fb:fbml version="1.1">
<fb:visible-to-connection>
<div style="top:0px; left:0px; width:755px; height:588px; position:absolute">
Contenuto riservato ai fan
</div>
</fb:visible-to-connection>
</fb:fbml>
E così si risolve anche per IE8? Good, grazie per la condivisione
Dovere. Il tuo post mi ha ispirato e risolto un problema, io l’ho solo perfezionato.
Questo escamotage di GAMoN a me comporta che una volta diventato fans vedo entrambi i contenuti sovrapposti. Questo sia su Firefox, che Chrome che Opera per mac.
Come spesso mi accade trovo la soluzione da solo non appena posto una domanda di aiuto
Ho aggiunto un background-color:#FFF” nel secondo div
ciao Pepe..puoi darmi la riga del secondo div? ho inserito il background come dici tu ma li visualizzo ugualmente sia il contenuto dei fan che l’altro
io ho messo così
Contenuto per i non fan
Contenuto riservato ai fan
e mi funziona. Ora sto aggiornando un IE7 a IE8 su un windows muletto per vedere come si comporta
ti chiedevo di scrivere qui la riga che hai aggiornato tu inserendo il background..
cioè, questo è il secondo div, giusto?
ok, dove inserisco e come devo scrivere background-color:#FFF” ?
scusa ma non son tanto pratico di html e fbml. grazie in anticipo
scusami, avevo incollato il codice ma il blog lo ha eliminato
semplicemente al codice di Gamon dopo position:absolute aggiungi
; background-color:#FFF
grazie Peppe..rigra aggiornata e funzionante =)
Ghido ti seguo da ormai moltissimo ed un commento ad i tuoi articoli lo scrivo sempre, vorrei chiederti una cosa abbastanza urgente dato che non ne vengo a capo, ho creato la mia pagina gruppo, adesso vorrei mettergli tutti i vari metodi elencati quà e la nei tuoi post e sono:
1 – Il tab personale (Fatto tramite fbml static) Fatto
2 – L’atteraggio per i nuovi utenti con il tab (messo per primo) Fatto
3 – Il pulsante per invitare tutti gli amici (non riesco ad inserire il codice) i due script sopra non funzionano assolutamente, potresti fornirmi quello giusto da inserire?
4 – Per la soluzione (anche qui non riesco con il codice) potresti fornirmi quello giusto?
5 – infine vorrei mostrare un riquadro con i commenti scritti come ultimamente appare in molti gruppi di indovinelli, sai qualcosa in merito?
Grazie per le risposte e la pazienza!
Ciao Merci. I codici a cui ti riferisci non funzionano più, Facebook li ha filtrati.
Per la soluzione devi inserirla nel tag <fb:visible-to-connection> come spiegato in questo stesso articolo.
Per mostrare il riquadro dei commenti, usa questo tag: http://wiki.developers.facebook.com/index.php/Fb:comments
Ciao!
Ciao, vorrei avere un informazione.
Vorrei che solo chi diventa fan possa visualizzare le foto e i contenuti della pagina fan, è possibile?
Grazie
Purtroppo no. Per quello devi creare un gruppo “segreto”.
Ciao Ghido, ho provato ad usare gli stessi codici..ma non funziona!
Funziona funziona..! Tieni presente che se sei amministratore della pagina, vedi lo stesso i contenuti riservati, anche se non sei fan!
Devi accedere con un altro account per apprezzare la cosa o chiedere ad un amico
salve a tutti
la guida è un buon aiuto per chi vuole personalizzare la propria pagina, ma non ci riesco proprio
If… then… else…
inserisco l’esempio che hai lasciato ma quello che mi appare è solo la scritta ‘Contenuto riservato ai fan’ anche se accedo con un account che non è ne amministratore ne fan della pagina.
help please!
Ciao, volevo sapere se era possibile fare lo stesso lavoro su un sito personale. Cioè è possibile far apparire un pulsante o una serie di pulsanti (inizialmente invisibili) che compaiono dopo aver cliccato sul mi piace che io ho messo sul mio sito?