Come creare un Tab personalizzato per la tua Fan Page mediante gli iFrame o ricorrendo ad applicazioni di terze parti.
Esempi di Tab e di Applicazioni.
2. Agenda
• Definire gli iFrame
• Usare gli iFrame per personalizzare una Pagina
Facebook
• Creare la propria App iFrame
• Utilizzare applicazioni di terze parti per creare una
pagina di benvenuto
2
venerdì 19 agosto 11
3. Cos’è una Welcome Page
• é il tab di atterraggio per
chi visita per la prima
volta la tua pagina.
• Una volta che il visitatore
clicca sul bottone “mi
piace” non apparirà più
• permette di accogliere il
nuovo visitatore e
spingerlo alla
connessione (Mi Piace)
3
venerdì 19 agosto 11
4. Uno sguardo alle Welcome Page
• Personalizzate con
Immagine della marca e
link
• Presentano una forte “call
to action”:
‣ Like our page
‣ Iscriviti alla newsletter
‣ Scarica il coupon digitale
• Studi dimostrano che le
welcome page
raddoppiano il tasso di
Like alla pagina
4
venerdì 19 agosto 11
6. 1. Utilizzare gli iFrames
• Un iFrame significa Inline
Frame
• è un documento HTML
incorporato in un altro
doc. HTML
• un iFrame su FB mostra
all’interno di una pagina il
contenuto estratto da un
altra pagina web
6
venerdì 19 agosto 11
7. Vantaggi degli iFrames
• Sono molto potenti
• Puoi importare e • Hai bisogno di un server
web su cui caricare via
pubblicare ogni elemento
FTP la tua pagina Web e
presente su una pagin
gli elementi inseriti
web:
‣testo ‣Se non disponi di un
server web puoi ricorrere
‣ immagini ad App di terze parti
‣ video
‣ flash
‣...
7
venerdì 19 agosto 11
8. 3 opzioni per gli iFrame
• Costruisci da solo un’App
basata sugli iFrame
• Assumi qualcuno che
sviluppi l’App al posto tuo
• Utilizza una delle Apps di
terze parti disponibili
8
venerdì 19 agosto 11
9. 5 step per creare un’App iFrame
1.Iscriviti a Facebook come Developer e ottieni la
verifica: richiede di inserire il proprio cellulare o la tua
carta di credito
2.Progetta il contenuto per la tua FB App: puoi usare
HTML editor come Dreamweaver
3.Carica il contenuto sul server via FTP (es. Pagina
web, immagini, video etc.)
4.Configura la tua App Facebook nell’area Developer
5.Installa la tua App sulla tua Pagina Facebook
9
venerdì 19 agosto 11
10. Vantaggi per gli iFames
• Completo controllo della e
sulla tua applicazione
• Puoi cambiare e
personalizzare l’icona
relativa al link di
navigazione (le app di
3°parti mostrano la loro
icona)
• non devi preoccuparti di
cosa succede all’App di 3°
parti (es. cessa il servizio)
• E’ gratuito Icona di Networked blogs
10
venerdì 19 agosto 11
11. 1. Esplora il sito Facebook Developer
• Loggati con il tuo profilo
personale
• Vai alla pagina:
www.facebook.com/
developers
• ti verrà chiesto di
verificare la tua identità in
2 modi:
‣numero di cellulare
‣carta di credito
11
venerdì 19 agosto 11
12. verifica identità
• Ho scelto di
ricevere sul mio
cellulare in codice
di verifica (6 cifre)
12
venerdì 19 agosto 11
13. Configurazione dell’App su Facebook
inserisco l’icona 16x16
inserisco il logo 75x75
13
venerdì 19 agosto 11
14. Welcome Page per DML
• Ho creato una pagina
HTML
• ho incorporato un video
da Youtube
14
venerdì 19 agosto 11
15. Calendario Corsi per DML FanPage
• ho creato un nuovo calendario
pubblico su Google Calendar
• ho catturato l'iframe, dopo
averlo personalizzato, che
Google mette a disposizione
• ho inserito questo iframe
all'interno di una pagina Html
(www.dml.it/calendario-
corsi.html)
• L'ho caricata sul Server via
FTP
• ho creato una Tab App
mediante Facebook developer
15
venerdì 19 agosto 11
16. Elenco Corsi
• Posso creare un’App
basata su iFrame (es.
Elenco corsi in HTML)
• Posso utilizzare un’App di
terze parti con una sotto-
navigazione
16
venerdì 19 agosto 11
17. Creazione Iframe Tab
• Creo la pagina HTML e la
trasferisco sul server
• Vado su facebook.com/
developers e compilo la
parte in basso, per le Tab
Apps
17
venerdì 19 agosto 11
18. 2. Applicazioni di terze parti
• Applicazioni esaminate:
• Wildfire
• Tabpress
• Tabsite
• Involver
• Short stack
• Lujure
18
venerdì 19 agosto 11
19. Wildfire iFrame App
• Permette di creare
contenuti solo per i Fan
• Potete utilizzare
immagini o codice
custom
• Vai su
iframes.wildfireapp.com
e installa l’App. Autorizza l’applicazione ad
accedere alle tue info
19
venerdì 19 agosto 11
20. Wildfire iFrames for Pages App
• Maschera di
autenticazione per
Wildfire
20
venerdì 19 agosto 11
23. Involver
• Per creare la tua
Welcome Page puoi
utilizzare l’App di
Involver StaticHTML
• vai su: http://
www.facebook.com/
StaticHTMLapp
• Aggiungi l’app alla tua
pagina
• Compila i campi per
Fan e non Fan
22
venerdì 19 agosto 11
24. Tabpress
• Vai su:
apps.facebook.com/
tabpress/
• Aggiungi l’App alla tua
pagina
23
venerdì 19 agosto 11
25. Tabsite
• Permette di creare
SubTab all’interno di un
Tab principale
• Piattaforma Drag &
Build
• Piani tariffari flessibili e
a buon mercato
24
venerdì 19 agosto 11
26. Short Stack iFrame Apps
• Short Stack fornisce una piattaforma di creazione e
gestione di Tab personalizzati
Tab solo per Fan
25
venerdì 19 agosto 11
27. Lujure iFrame App
• Progettazione drag & drop
• non richiede conoscenza codice HTML
• Piani tariffari interessanti per consulenti (27$)
26
venerdì 19 agosto 11
29. Grazie per l’attenzione!
• leonardobellini@dml.it +39.335.7386933
DML Digital Marketing Lab
Via Verro 33/6 - Milano
+39.02.39438847
www.dml.it
• www.digitalmarketinglab.it
venerdì 19 agosto 11