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

7 Script FBJS per la tua Applicazione Facebook

7 Script FBJS per la tua Applicazione Facebook

Visto che la raccolta di Applicazioni Facebook Open Source è stata apprezzata, oggi ti propongo alcuni script FBJS che ho trovato in rete. FBJS è il Javascript riadattato da Facebook, che funziona sulle FBML Canvas Page. Un'interessante espansione è la libreria Animation, che permette di utilizzare diversi effetti di animazione. I primi 5 script della ...
Links Analytics 2.0: statistiche dei links sulle tue Pagine Fan

Links Analytics 2.0: statistiche dei links sulle tue Pagine Fan

Vi ricordate di Links Analytics, la mia prima Applicazione Facebook che ho rilasciato un mesetto fa? Come promesso, l'ho aggiornata alla seconda versione, seguendo i vostri feedback! Innanzitutto, devo ringraziare tutti voi che avete ascoltato il mio appello e mi avete aiutato a diffonderla. Pur non essendo un'applicazione virale, si è diffusa a macchia d'olio, ...
I miei lavori su Facebook del 2009

I miei lavori su Facebook del 2009

L'anno passato mi ha visto molto attivo su Facebook, tra Applicazioni Facebook e Pagine Fan. Alcune hanno avuto successo, altre magari meno, ma mi piacerebbe riepilogarle tutte in un unico post. Così, se te ne sei persa qualcuna, potrai rimediare. Ecco, dunque, il mio lavoro di un anno su Facebook. Profili Pubblici BigThink [fanbox id="33933529842" stream="0" conn="0"] Non potevo ...
Come viralizzare i contenuti grazie a Facebook

Come viralizzare i contenuti grazie a Facebook

Ultimamente BigThink ha avviato una partnership con Young Digitals di Michele Polico e ieri abbiamo tenuto, insieme, un corso di formazione per un'azienda di Roma. Sono stati trattati diversi argomenti e io ho dato il mio contributo sull'argomento Facebook, ovviamente. Ho quindi deciso di condividere con voi tre presentazioni che potrebbero interessarvi. 1. Progettare il ...
Cosa significa la mail di Facebook "Notice of Violation: Privacy Policy"?

Cosa significa la mail di Facebook “Notice of Violation: Privacy Policy”?

Oggi, come tanti altri sviluppatori Facebook, ho ricevuto una mail da Facebook con un oggetto piuttosto minaccioso: "Notice of Violation: Privacy Policy". Il testo della mail recita: Hi, We've found the following policy violation with your app and you need to address this issue by Tuesday April 17, 2012 at 5:00pm PST or your app may be ...

146 Commenti

  1. farfui

    ho provato…a parte che, come segnalato, è tutto cambiato…..
    ma non riesco a fare lo step 3. quando salvo le impostazioni iniziali, appare questo
    Warning

    Secure Canvas URL will be required on October 1, 2011.

    Secure Page Tab URL will be required on October 1, 2011.

    e non vengo rimandata alla application profile page…..

    che evo fare?

    30 novembre 2011, 12:22
  2. farfui

    e se uno volesse solo fare delle prove? si può lasciare “non pubblicato”? prima voglio vederla solo io…
    grazie….

    30 novembre 2011, 11:42
  3. Andrea

    Effettivamente hanno cambiato parecchio, la guida sarebbe da rifare onde evitare confusione, grazie.

    25 novembre 2011, 12:32
    • farfui79

      …scusa ma tu hai idea di come continuare?

      30 novembre 2011, 15:48
      • Andrea

        No, e infatti mi sono bloccato come te, la guida è oramai obsoleta, come lo è il pdf “gratis” che si può scaricare dal sito … se non viene aggiornato crea solo confusione …

        30 novembre 2011, 16:50
  4. Diego

    Non trovo questo link “Set Up New App” !!!!!!?

    21 novembre 2011, 18:02
  5. Ma se la “prima scheda visualizzata” non dovesse essere presente? :(

    11 novembre 2011, 18:22
  6. Scusate, ma è tutto cambiato adesso o sbaglio? o sono io che sono impedito :-)
    grazie in anticipo!
    Paolo

    19 ottobre 2011, 15:39

46 Citazioni