Buon pomeriggio.
Come vi avevo anticipato la scorsa settimana oggi vedremo come realizzare tab personalizzati da inserire nelle proprie pagine Facebook. Come esempio ho preso un account Facebook che gestisco io e di cui, da tempo, dovevo realizzare il tab (questo perchè io non ho un account Facebook personale... e ne vado fiera!).
Dunque, per prima cosa dobbiamo realizzare la pagina che diverrà il nostro tab. Nel mio caso ho creato una semplice pagina html con stili css, immagini e qualche testo. Una volta creata, rinominiamola come index.php e carichiamola sul nostro spazio web in una cartella chiamata, nel mio caso, "tabdecoupage".
Panico! Ho detto spazio web? Ebbene si, la pagina dovrà risiedere in un qualche luogo su internet giusto? Quindi è necessario caricarla sul nostro spazio web (ne esistono anche di gratuiti).
Per quanto riguarda il contenuto ci sono solo due piccole regole da seguire.
1 regola: il body deve avere margini e padding paria a zero.
2 regola: la pagina deve avere dimensioni massime di 520px, padding paria a 0 e margin auto per posi.
Per comodità vi scrivo il codice html della pagina vuota:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//IT" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Titolo della pagina</title>
</head>
<body style="margin:0;padding:0;">
<div style="width:510px; margin:auto; padding:0;">
... contenuto html, javascript, php ecc ...
</div>
</body>
</html>
Alla fine di tutto ciò dovremmo avere la nostra pagina caricata sul nostro spazio web ad un indirizzo tipo: http://www.nomesito.it/nomecartella/index.php.
Nel mio caso l'indirizzo è: http://www.tao-decoupage.it/tabdecoupage/index.php
Teniamo bene a mente questo indirizzo che presto ci servirà.
Ora entriamo su Facebook con il nostro account (che deve essere amministratore della pagina) ed andiamo a questo link https://developers.facebook.com/apps. Qui verrà mostrato l'elenco delle nostre applicazioni.
Clicchiamo su "Crea Applicazione" in alto a destra, scegliamo un nome, la lingua, accettiamo i termini e clicchiamo su continua. A questo punto dovremmo avere una schermata simile:
Bene, ora viene la parte un pò più complessa. Dobbiamo essenzialmente riempire correttamente alcuni campi dell'applicazione.
Prima di tutto inseriamo un icona ed un logo cliccando sulla scritta "modifica icona" e poi sull'immagine vuota accanto. Fatto questo dobbiamo aprire la scheda "App in Facebook" ed inserire nell URL Canvas l'indirizzo della cartella in cui si trova la nostra pagina. Dovremmo quindi inserire una cosa del genere http://www.nomesito.it/nomecartella/.
Ora apriamo la scheda "Page Tab" ed inseriamo un Page Tab Name a piacimento (io ho inserito "Benventui") ed il Page Tab Url che dovrà essere l'indirizzo della pagina sul nostro spazio web, esempio: http://www.nomesito.it/nomecartella/index.php.
Salviamo tutte le modifiche e l'applicazione è terminata! Per vederla cliccate su "Vai alla pagina del profilo dell'applicazione" (posizionato a sinistra) e successivamente cliccate su "Vai all'applicazione" in alto al centro.
Terminamo inserendo la nostra nuova tab sulla nostra pagina Facebook. Andiamo alla pagina dell'applicazione e clicchiamo "aggiungi alla mia pagina". Si aprirà un menu a tendina dal quale dovremmo selezionare la nostra pagina.
Ebbene abbiamo finito! Torniamo alla nostra Fan Page ove comparirà il nuovo Tab che potremmo poi impostare come tab iniziale... ma questa è un' altra storia.
Vedere per credere... Se desiderate vedere il mio risultato potete andare a questo indirizzo: http://www.facebook.com/pages/TAO-Decoupage/219489084741502