venerdì 19 agosto 11
Agenda     • Definire gli iFrame     • Usare gli iFrame per personalizzare una Pagina          Facebook     •    Creare la...
Cos’è una Welcome Page         • é il tab di atterraggio per              chi visita per la prima              volta la tu...
Uno sguardo alle Welcome Page         • Personalizzate con              Immagine della marca e              link         •...
Esempi di Welcome Page                               5venerdì 19 agosto 11
1. Utilizzare gli iFrames         • Un iFrame significa Inline              Frame         •    è un documento HTML        ...
Vantaggi degli iFrames         • Sono molto potenti         • Puoi importare e              • Hai bisogno di un server    ...
3 opzioni per gli iFrame        • Costruisci da solo un’App            basata sugli iFrame        •   Assumi qualcuno che ...
5 step per creare un’App iFrame         1.Iscriviti a Facebook come Developer e ottieni la           verifica: richiede di...
Vantaggi per gli iFames         • Completo controllo della e              sulla tua applicazione         •    Puoi cambiar...
1. Esplora il sito Facebook Developer         • Loggati con il tuo profilo              personale         •    Vai alla pa...
verifica identità         • Ho scelto di              ricevere sul mio              cellulare in codice              di ve...
Configurazione dell’App su Facebook                       inserisco l’icona 16x16                       inserisco il logo ...
Welcome Page per DML         • Ho creato una pagina              HTML         •    ho incorporato un video              da...
Calendario Corsi per DML FanPage       • ho creato un nuovo calendario            pubblico su Google Calendar       •    h...
Elenco Corsi         • Posso creare un’App              basata su iFrame (es.              Elenco corsi in HTML)         •...
Creazione Iframe Tab         • Creo la pagina HTML e la              trasferisco sul server         •    Vado su facebook....
2. Applicazioni di terze parti         • Applicazioni esaminate:         • Wildfire         • Tabpress         • Tabsite  ...
Wildfire iFrame App     • Permette di creare          contenuti solo per i Fan     •    Potete utilizzare          immagin...
Wildfire iFrames for Pages App         • Maschera di              autenticazione per              Wildfire                ...
Wildfire Promotion Builder                                   21venerdì 19 agosto 11
Wildfire Promotion Builder      Wildfire offre uno strumento per creare Promozioni                                        ...
Involver  • Per creare la tua       Welcome Page puoi       utilizzare l’App di       Involver StaticHTML  •    vai su: ht...
Tabpress   • Vai su:       apps.facebook.com/       tabpress/   •   Aggiungi l’App alla tua       pagina                  ...
Tabsite• Permette di creare    SubTab all’interno di un    Tab principale•   Piattaforma Drag &    Build•   Piani tariffar...
Short Stack iFrame Apps         • Short Stack fornisce una piattaforma di creazione e              gestione di Tab persona...
Lujure iFrame App            • Progettazione drag & drop            • non richiede conoscenza codice HTML            • Pia...
venerdì 19 agosto 11
Grazie per l’attenzione!                       • leonardobellini@dml.it +39.335.7386933                         DML Digita...
Upcoming SlideShare
Loading in …5
×

Facebook tab-design

5,336
-1

Published on

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.

Published in: Education, Technology, Design
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,336
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

Facebook tab-design

  1. 1. venerdì 19 agosto 11
  2. 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 2venerdì 19 agosto 11
  3. 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) 3venerdì 19 agosto 11
  4. 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 4venerdì 19 agosto 11
  5. 5. Esempi di Welcome Page 5venerdì 19 agosto 11
  6. 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 6venerdì 19 agosto 11
  7. 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 ‣... 7venerdì 19 agosto 11
  8. 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 8venerdì 19 agosto 11
  9. 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 9venerdì 19 agosto 11
  10. 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 10venerdì 19 agosto 11
  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 11venerdì 19 agosto 11
  12. 12. verifica identità • Ho scelto di ricevere sul mio cellulare in codice di verifica (6 cifre) 12venerdì 19 agosto 11
  13. 13. Configurazione dell’App su Facebook inserisco l’icona 16x16 inserisco il logo 75x75 13venerdì 19 agosto 11
  14. 14. Welcome Page per DML • Ho creato una pagina HTML • ho incorporato un video da Youtube 14venerdì 19 agosto 11
  15. 15. Calendario Corsi per DML FanPage • ho creato un nuovo calendario pubblico su Google Calendar • ho catturato liframe, dopo averlo personalizzato, che Google mette a disposizione • ho inserito questo iframe allinterno di una pagina Html (www.dml.it/calendario- corsi.html) • Lho caricata sul Server via FTP • ho creato una Tab App mediante Facebook developer 15venerdì 19 agosto 11
  16. 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 16venerdì 19 agosto 11
  17. 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 17venerdì 19 agosto 11
  18. 18. 2. Applicazioni di terze parti • Applicazioni esaminate: • Wildfire • Tabpress • Tabsite • Involver • Short stack • Lujure 18venerdì 19 agosto 11
  19. 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 19venerdì 19 agosto 11
  20. 20. Wildfire iFrames for Pages App • Maschera di autenticazione per Wildfire 20venerdì 19 agosto 11
  21. 21. Wildfire Promotion Builder 21venerdì 19 agosto 11
  22. 22. Wildfire Promotion Builder Wildfire offre uno strumento per creare Promozioni 21venerdì 19 agosto 11
  23. 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 22venerdì 19 agosto 11
  24. 24. Tabpress • Vai su: apps.facebook.com/ tabpress/ • Aggiungi l’App alla tua pagina 23venerdì 19 agosto 11
  25. 25. Tabsite• Permette di creare SubTab all’interno di un Tab principale• Piattaforma Drag & Build• Piani tariffari flessibili e a buon mercato 24venerdì 19 agosto 11
  26. 26. Short Stack iFrame Apps • Short Stack fornisce una piattaforma di creazione e gestione di Tab personalizzati Tab solo per Fan 25venerdì 19 agosto 11
  27. 27. Lujure iFrame App • Progettazione drag & drop • non richiede conoscenza codice HTML • Piani tariffari interessanti per consulenti (27$) 26venerdì 19 agosto 11
  28. 28. venerdì 19 agosto 11
  29. 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.itvenerdì 19 agosto 11

×