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

3. 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

4. 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

5. 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

6. 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

7. 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

8. 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

9. 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

10. 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

11. 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

12. 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

13. 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>

14. 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>

15. 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/

16. 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

17. 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/

18. 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

19. 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/

20. Analisi di esempio
www.facebook.com/ACMilan/

21. Analisi di esempio
www.facebook.com/20masterlab

22. Analisi di esempi
http://www.facebook.com/iTunes

23. Analisi di esempio
www.facebook.com/fiat

24. Analisi di esempio
www.facebook.com/LouisVuitton

25. 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/

26. (c) 2009 Facebook, Inc. or its licensors. "Facebook" is a registered trademark of Facebook, Inc.. All rights reserved. 1.0