Visto il successo del mio articolo Come ho ottenuto 7000 fan su Facebook in 5 giorni!, ho deciso di spiegarti come creare una Pagina Fan su Facebook con un indovinello.
Hai presente, no? Quelle pagine che vanno di moda negli ultimi mesi, del tipo: “Solo il 98% delle persone riesce a risolvere questo indovinello”.
In molti mi hanno chiesto di condividere il codice sorgente, quindi ho deciso di spiegare passo-passo come fare.
1. Crea la Pagina Fan
Inutile dire che la prima cosa da fare è creare la tua nuova Pagina Fan che dovrà avere un titolo originale, curioso ed invitante. Dò per scontato che tu sappia già come creare una Pagina.
Abbi cura di scegliere una Immagine rappresentativa e che attiri l’attenzione degli utenti.
2. Crea il Landing Tab
A questo punto devi creare il tab di atterraggio dove gli utenti non fan arriveranno non appena fanno accesso alla tua pagina.
Ho già spiegato nel dettaglio come fare in questa guida.
3. Crea il “Primo Step”
Ora che sai come creare il Tab, devi preparare il contenuto. Dopo aver scritto il testo dell’indovinello, devi inserire il primo step:
<tr>
<td>
<img src="http://miosito.it/step1.jpg" valign="middle" />
</td>
<td>
<b><span style="background-position: 0pt -410px;" class="UIButton_Icon UIButton_IconNoSpriteMap"></span>
Diventa fan per scoprire la soluzione!</b>
</td>
</tr>
</table>
Prima c’era un codice che permetteva di diventare fan semplicemente cliccando sul link. Ora che Facebook l’ha disabilitato, dobbiamo accontentarci di invitare l’utente a diventare fan cliccando sul pulsante in alto.
4. Crea il “Secondo Step”
Il secondo step deve comparire solamente dopo che l’utente è diventato fan. Ho già spiegato qual’è il tag FBML che gestisce tutto ciò, ma lo riporto qui per completezza:
<fb:visible-to-connection>
<table>
<tr>
<td>
<img src="http://miosito.it/step2.jpg" valign="middle" />
</td>
<td>
<a href="http://www.facebook.com/pages/Il-mio-indovinello/1234567890?v=wall" class="UIButton UIButton_Gray UIActionButton" onclick="setTimeout(function(){ document.getElementById('soluzione').setStyle('display', 'block');}, 6000);" target="_blank">
<span>Suggerisci questa pagina a 30 amici!</span>
</a>
</td>
</tr>
</table>
</fb:visible-to-connection>
</fb:fbml>
Anche in questo caso, Facebook ha disabilitato il codice che permetteva di aprire la finestra “Suggerisci agli amici” direttamente cliccando su un link.
Per rendere maggiormente virale la Pagina, quindi, possiamo:
- Inserire un semplice testo che invita l’utente ad andare sulla Bacheca della Pagina e suggerirla agli amici.
- Inserire un link diretto alla Bacheca, in modo che l’utente possa suggerire la Pagina agli amici.
L’espediente che ho pensato io è il seguente: il link alla Bacheca si apre in una nuova finestra e, nella pagina dell’indovinello, al click sul link comparirà il pulsante per passare al terzo step.
Il codice sopra fa proprio questo: cliccando sul link si attiva un javascript con un ritardo di 6 secondi che renderà visibile il terzo pulsante.
5. Crea il “Terzo Step”
Il terzo step è un semplice pulsante che può fare diverse cose a seconda delle tue esigenze:
- Aprire un sito esterno con la soluzione.
- Aprire un popup con la soluzione.
- Qualsiasi altra cosa ti viene in mente.
In questo esempio ho scelto il popup:
<table>
<tr>
<td>
<img src="http://miosito.it/step3.jpg" valign="middle" />
</td>
<td>
<a href="#" class="UIButton UIButton_Gray UIActionButton" onclick="new Dialog().showMessage('Soluzione', 'La soluzione e\'....'); return false;">
<span>Scopri la soluzione!</span>
</a>
</td>
</tr>
</table>
</div>
Per creare popup più elaborati, ti rimando alla documentazione.
Non dimenticare di settare a none la proprietà display e di chiamare "soluzione" il div.
Ora non ti resta che provare il codice o dare un’occhiata ai miei indovinelli:
Come posso fare
ciao scusa come si crea il pulsante “mi piace” e il pulsante “condividi” nella landing page? qual è il codice? grazie ciaoo
Il vostro linguaggio non funziona lo provato e il terzo step non lo visualizza avrete sicuramente sbagliato a scrivere guardate http://www.facebook.com/pages/Solo-il-10-delle-donne-e-il-15-dei-maschi-riesce-a-risolvere-lindovinello/123615554327729 .. ho cambiato tutto quello che bisognava cambiare. mi potreste inviare quello che avete scritto per creare quella di babbo natale ?? oppure se vi mando quello che ho scritto nella mia pagina me la correggete??’
senti ho un problema quando vado a creare il terzo step non mi crea nessun bottone che mi crea il collegamento!
mi potresti incollare il codice che dovrei a mia volta incollare nella mia pagina?
Vorrei collegarci un’altra pagina internet invece del popup allo step 3!
a me non lo visualizza neanche con il popup se hai risolto aiuta anche me
ciao grazie x i tuoi aiuti
sei veramente bravo,
io volevo chiedere
solamente come fare x collegare un sito esterno ala fine
quando uno prema su la soluzione???
incolla il codice qui sotto
ti ringrazio in anticipo
Scusate……ora con questo cambio da Diventa fan a Mi piace, è impossibile ora accedere alla lista degli utenti fan di una pagina !!
NOOOOOOOOOOOOOOO
Andavo sempre a trovare pagine inerenti alla mia per portare qualche fan anche sulla mia
E ora come si fa?
Ciao Daniele,
Esiste un’applicazione che aggiorna in automatico la bacheca del mio profilo con un messagio che preimposto manualmente?
in attesa di risposta
Il tuo sito contiene veramente ottimi spunti per lavorare al meglio con facebook e i social in generale.
saluti
Alex
Leggete ma non create! Non ne posso più di queste pagine