Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Venezia 2010 Facebook Developer Garage Parte 2

1,386 views

Published on

Creare pagina fan Facebook personalizzata usando l'applicazione STATIC FBML, presentato a Facebook Developer Garage a Venezia 2010, in aggiunta al mio libro "Creare applicazioni per Facebook" editore FAG

Published in: Social Media, Design
  • Be the first to comment

Venezia 2010 Facebook Developer Garage Parte 2

  1. 1. Applicazione Static FBML per arricchire le pagine fan Roberto Marmo Facoltà di Ingegneria Università di Pavia, Facoltà di Scienze MM.FF.NN. Università Insubria Como www.robertomarmo.net info@robertomarmo.net www.facebook.com/roberto.marmo
  2. 2. Chi sono ▪ professore a contratto in Facoltà Ingegneria a Pavia e Facoltà Scienze MM.FF.NN. a Como ▪ a febbraio 2009 ho letto una rivista di informatica e ho avuto la spinta a cercare informazioni sulla programmazione editore FAG ISBN 978-88-8233-814-5 prezzo: 19,90 euro www.facebook.com/creare.applicazioni gruppo http://tinyurl.com/crea-app-FB mio sito www.robertomarmo.net
  3. 3. Altre risorse per approfondimenti Come fare marketing, guadagnare soldi, potenziare l'immagine, fare cause related marketing con le applicazioni in Facebook: Strategie, Strumenti & Esempi. Riferimenti: info@robertomarmo.net http://www.madri.com/cgi-bin/3a/click.pl?id=2585&p=facebook
  4. 4. Pagina Fan • pagine web create da Facebook per far conoscere brand, artisti, figure pubbliche e business locali • gestita da un amministratore • permette di fare conversazione, mostrare video, usare applicazioni • gli utenti segnalano l’apprezzamento cliccando sul MiPiace • si può scrivere un messaggio che finisce nelle bacheche di utenti che hanno cliccato sul MiPiace • http://wearesocial.it/page/3/ differenze con community page e gruppi
  5. 5. Indicazioni ufficiali gestione pagina fan • http://www.facebook.com/pages/manage/promo_guidelin es.php • si può dire: Ditta X su Facebook Visita la Pagina di Ditta X su • NON si può dire: Visita la Pagina Facebook di Ditta X
  6. 6. Calcolo valore economico di pagina fan • social page evaluator http://evaluator.vitrue.com/ http://vitrue.com/ in base a numero di fan, interazioni, aggiornamento • confrontare con il valore di altre pagine fan
  7. 7. STATIC FBML • codice HTML per arricchire una pagina fan • diventa la home page e landing page di riferimento • importante è capire come organizzare la pagina • http://www.facebook.com/pages/-GUIDA-PER- LAPPLICAZIONE-STATIC-FBML-/105212379509738 • mio articolo su questo argomento pubblicato in rivista http://www.infomedia.it/i/dev DEV Developing software solutions, volume 16 maggio-giugno 2010
  8. 8. STATIC FBML • www.facebook.com/apps/application.php?id=4949752878 • clicchiamo sul link aggiungi alla mia pagina nella colonna a sinistra • compare l’elenco delle pagine che amministriamo, cliccare sul bottone Aggiungi alla pagina a destra di ogni nome di pagina interessata • chiudiamo la finestra cliccando sul pulsante Chiudi in basso • clicchiamo su Home in alto a sinistra e poi nella colonna a sinistra clicchiamo su Inserzioni e Pagine per andare all’elenco delle nostre pagine
  9. 9. STATIC FBML • clicchiamo sul nome della pagina interessata in cui troviamo a sinistra il logo grigio con le freccette bianche per indicare le pagine aggiunte • per togliere l’applicazione clicchiamo sul link Rimuovi applicazione, per inserire o modificare il codice clicchiamo sul link Modifica e raggiungiamo l’editor • trascinare il tab nella riga dei tab per renderlo visibile • nelle impostazioni della pagina si può scegliere la pagina da mostrare a chi non è ancora fatto login in Facebook
  10. 10. STATIC FBML <a href=" http://linkasito/" target="_blank"/> <img src="http://20masterlab.com/ locandina-marrone-mini.jpg" width=200 > <fb:swf swfbgcolor="000000" imgstyle="border-width:3px; border- color:white;" swfsrc='http://www.youtube.com/v/xxxxx' imgsrc='http://img.youtube.com/vi/xxxxx/0.jpg' width='340' height='270' /> il video non parte in automatico, i GIF partono subito comandi di CSS e HTML per creare TABLE
  11. 11. STATIC FBML funzioni sociali <fb:request-form method="post" type=“Nome pagina" invite="true" content=“messaggio <fb:req-choice url='http://www.facebook.com/20masterlab?v=app_494878‘ label='GO' /> "> <fb:multi-friend-selector actiontext="Fai conoscere ai tuoi amici." rows="3" showborder="true" /> </fb:request-form>
  12. 12. STATIC FBML funzioni sociali <fb:share-button class="meta"> <meta name="medium" content="mult"/> <meta name="title" content=“contenuto pagina"/> <meta name="description" content=“descrizione"/> <meta name="image_type" content=“link a jpg" /> <link rel="image_src" href=""/> <link rel="target_url" href=“url di applicazione"/> </fb:share-button>
  13. 13. Funzioni avanzate • inserimento di form per richiedere informazioni, iscrizioni newsletter ecc. • far scorrere gallerie fotografiche usando FBJS Animation • rendere visibili certe informazioni solo ai fan • dividere in zone la pagina e creare menù per scelta zone • http://www.pqinternet.com/228.htm • http://www.pqinternet.com/229.htm • http://thinkclay.com/tutorial/fbjs-slider-carousel • http://www.hyperarts.com • http://www.webdigi.co.uk/blog/2010/creating-a-custom-facebook-page/
  14. 14. Promuovere la pagina fan inserimento indirizzo URL in motori ricerca article marketing comunicati stampa partecipazione a blog e forum social bookmarking acquisto di pubblicità widget
  15. 15. SEO e pagine fan • Google entra all’interno delle pagine fan come se fossero siti • http://www.insidefacebook.com/2009/07/13/seo-facebook-pages- 10-key-strategies/ • http://www.imaginepaolo.com/dblog/articolo.asp?articolo=1277 • http://www.ecommerce-store.it/news/1308/10-strategie-seo-per-le- pagine-fan-di-facebook/ • http://www.methack.it/devblog/web/10-strategie-seo-per-le-pagine- facebook/
  16. 16. SEO e pagine fan 1. scelta del nome della pagina e della vanity URL 2. compilare la scheda Info con spiegazioni dettagliate 3. collegamento con sito internet 4. uso di bagde da diffondere in giro su altri siti presi da http://www.facebook.com/badges/ 5. in caso di inserimento immagine usare attributo alt=“” per inserire un testo come didascalia
  17. 17. Facebook Insight • pagina di riepilogo delle statistiche sui visitatori della pagina creata da Facebook • Collegamento con Google Analytics http://www.webdigi.co.uk/blog/2010/google-analytics-for- facebook-fan-pages/ utilizzare un’immagine dinamica, che richiama direttamente il server di Google e gli passa i dati da analizzare http://www.webdigi.co.uk/blog/apps/fbgat-facebook- google-analytics-tracker/
  18. 18. Analisi di esempio www.facebook.com/ACMilan/
  19. 19. Analisi di esempio www.facebook.com/20masterlab
  20. 20. Analisi di esempi http://www.facebook.com/iTunes
  21. 21. Analisi di esempio www.facebook.com/fiat
  22. 22. Analisi di esempio www.facebook.com/LouisVuitton
  23. 23. Altre raccolte di esempi • http://facebookshowcase.net si può segnalare la pagina • http://mashable.com/2009/03/30/successful-facebook-fan-page/ • http://mashable.com/2009/05/13/facebook-brand-apps/
  24. 24. (c) 2009 Facebook, Inc. or its licensors. "Facebook" is a registered trademark of Facebook, Inc.. All rights reserved. 1.0

×