• Save
Facebook tab-design
Upcoming SlideShare
Loading in...5
×
 

Facebook tab-design

on

  • 5,842 views

Come creare un Tab personalizzato per la tua Fan Page mediante gli iFrame o ricorrendo ad applicazioni di terze parti.

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.

Statistics

Views

Total Views
5,842
Views on SlideShare
5,561
Embed Views
281

Actions

Likes
7
Downloads
0
Comments
0

5 Embeds 281

http://www.digitalmarketinglab.it 260
http://feeds.feedburner.com 11
http://storify.com 5
http://archive.feedblitz.com 4
http://mundoinformaticocdr.blogspot.com 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NoDerivs LicenseCC Attribution-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Facebook tab-design Facebook tab-design Presentation Transcript

  • venerdì 19 agosto 11
  • 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
  • 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
  • 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
  • Esempi di Welcome Page 5venerdì 19 agosto 11
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • verifica identità • Ho scelto di ricevere sul mio cellulare in codice di verifica (6 cifre) 12venerdì 19 agosto 11
  • Configurazione dell’App su Facebook inserisco l’icona 16x16 inserisco il logo 75x75 13venerdì 19 agosto 11
  • Welcome Page per DML • Ho creato una pagina HTML • ho incorporato un video da Youtube 14venerdì 19 agosto 11
  • 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
  • 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
  • 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
  • 2. Applicazioni di terze parti • Applicazioni esaminate: • Wildfire • Tabpress • Tabsite • Involver • Short stack • Lujure 18venerdì 19 agosto 11
  • 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
  • Wildfire iFrames for Pages App • Maschera di autenticazione per Wildfire 20venerdì 19 agosto 11
  • Wildfire Promotion Builder 21venerdì 19 agosto 11
  • Wildfire Promotion Builder Wildfire offre uno strumento per creare Promozioni 21venerdì 19 agosto 11
  • 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
  • Tabpress • Vai su: apps.facebook.com/ tabpress/ • Aggiungi l’App alla tua pagina 23venerdì 19 agosto 11
  • 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
  • Short Stack iFrame Apps • Short Stack fornisce una piattaforma di creazione e gestione di Tab personalizzati Tab solo per Fan 25venerdì 19 agosto 11
  • Lujure iFrame App • Progettazione drag & drop • non richiede conoscenza codice HTML • Piani tariffari interessanti per consulenti (27$) 26venerdì 19 agosto 11
  • venerdì 19 agosto 11
  • 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