BigThink

Come creare un Tab IFRAME per la tua Pagina Facebook

FBML è morto e così anche l’applicazione Static FBML che permetteva di aggiungere un Tab personalizzato alle tue Pagine.

Visto che in molti continuano a chiedermi come fare ora a creare un Tab con il nuovo metodo IFRAME, in questo articolo te lo spiegherò.

1. Crea la pagina HTML

I nuovi Tab sono delle vere e proprie pagine HTML (anche generate con linguaggi lato server) che risiedono sul tuo hosting. Semplicemente va indicato a Facebook qual è l’URL della pagina da andare a pescare e questa verrà embeddata in un Tab, con un semplice IFRAME.

Il primo passo è quindi quello di realizzare la pagina, inserendovi un’immagine, piuttosto che un layout più complesso. Il bello è che ora non ci sono più i limiti dell’FBML, ma si può teoricamente inserire qualsiasi cosa (javascript, video, Flash…). Per maggiori dettagli sulle limitazioni e i termini d’uso, ti rimando a questo articolo.

2. Crea l’Applicazione

Ora non resta che creare un’Applicazione ad hoc che permetterà di inserire il Tab sulla Pagina.

  • Entra nella sezione Sviluppatori.
  • Clicca sul pulsante “Set Up New App” in alto a destra.
  • Inserisci il nome dell’Applicazione, accetta e prosegui.
  • Dalla prima schermata potrai caricare l’icona dell’Applicazione. E’ molto importante perchè sarà quella che comparirà nel menu dei Tab sulla tua Pagina.

  • Clicca sul menu a sinistra sulla voce “Web Site”.
  • Inserisci come “Site URL” l’indirizzo principale del sito su cui hai caricato la pagina.

  • Clicca a sinistra su “Facebook Integration”.
  • Come “Canvas URL” inserisci nuovamente l’URL principale del sito (ricordati lo slash finale).

  • Inserisci il “Nome Tab” che sarà il nome visualizzato nel menu.
  • Inserisci la “Scheda URL” che dovrà essere l’indirizzo a cui avrai caricato la pagina HTML che hai realizzato prima.

  • Non sono necessarie altre informazioni. Clicca su “Salva modifiche”.

3. Aggiungi l’Applicazione alla Pagina

  • Dopo il salvataggio, verrai rimandato alla pagina riepilogativa. Clicca su “Application Profile Page”.

  • Nella Pagina Facebook dell’Applicazione, clicca su “Aggiungi alla mia Pagina” in basso a sinistra.

  • Si aprirà una finestra con tutte le Pagine di cui sei admin. Clicca su “Aggiungi alla Pagina” accanto a quella su cui vuoi installare il Tab.

Congratulazioni! Hai creato il tuo primo Tab IFRAME! Se vai sulla tua Pagina, noterai che è stato aggiunto al menu dei Tab.

4. Impostare il Landing Tab

Se vuoi fare in modo che gli utenti non ancora fan vengano rimandati direttamente sul Tab appena creato, invece che sulla Bacheca, fai così:

  • Vai sulla tua Pagina Facebook.
  • Clicca su “Modifica Pagina” in alto a destra.
  • Alla voce “Prima scheda visualizzata”, seleziona il tuo Tab.

  • Salva le modifiche.

D’ora in poi, tutti gli utenti non ancora fan arriveranno direttamente sul tuo nuovo Tab.

Prossimamente una nuova guida che ti spiegherà come impostare contenuti riservati ai fan, sul Tab IFRAME!

Articolo scritto da Ghido

Fondatore di BigThink.it, si occupa dello sviluppo e del coordinamento dei progetti tecnologici. Specializzato nel Marketing su Facebook e nello sviluppo di Applicazioni Social, fa consulenza e formazione ad aziende ed agenzie.

Leggi anche...

Come sviluppare Applicazioni Facebook in locale

Come sviluppare Applicazioni Facebook in locale

Uno dei principali problemi che si riscontrano nello sviluppare Applicazioni Facebook — in particolare quelle FBML - è l'impossibilità di testarle in locale. Uno sviluppatore alle prime armi cosa fa? Inizia a creare la sua Applicazione direttamente sul server remoto, uploadando i file via FTP ad ogni singola modifica. Un vero suicidio! E' impossibile ...
10 Applicazioni Facebook Open Source in PHP

10 Applicazioni Facebook Open Source in PHP

Imparare a sviluppare un'Applicazione Facebook può non essere molto facile, nonostante le numerose guide che ho scritto o che trovate in rete. Poter partire da un codice già scritto, modificarlo e capire come funziona è sempre la cosa migliore per imparare. Provare direttamente sul campo! Per questo ho deciso di raccogliere in questo post tutti ...
Risorse per creare un'applicazione Facebook in PHP

Risorse per creare un’applicazione Facebook in PHP

Facebook è ormai un fenomeno di massa, perchè non approfittarne? Da bravi programmatori PHP quali siamo, ci sarà pur venuta la curiosità di creare una nostra applicazione Facebook, giusto per sperimentare qualcosa di nuovo o magari per promuovere il nostro sito o blog. E' giunto allora il momento di buttarci ed iniziare a studiare ...
Applicazioni Facebook: intervista a Roberto Marmo

Applicazioni Facebook: intervista a Roberto Marmo

Ritornano le interviste di BigThink. Oggi abbiamo ospite su queste pagine Roberto Marmo, autore del libro "Creare applicazioni con Facebook". Roberto ci introdurrà alle problematiche delle applicazioni Facebook, dandoci qualche consiglio su come sfruttare al meglio la loro viralità e su come diffonderle.
Come creare un Tab avanzato sulla tua Pagina Facebook

Come creare un Tab avanzato sulla tua Pagina Facebook

Qualche tempo fa ti ho spiegato come creare un Landing Tab personalizzato, utilizzando l'applicazione Static FBML. Tramite essa è possibile creare un Tab con contenuti base come semplici immagini e testi. Ma se volessi creare un Tab con contenuti avanzati, dinamici, magari recuperati da database? La soluzione è presto detta: devi creare un'Applicazione Facebook ...

146 Commenti

2 Citazioni