Sei sulla pagina 1di 10

Come creare un iFrame tab per Facebook

13/10/11 09:31

Skip to content My Social Web

Social Media Marketing Blog


Home Chi sono Friends Guest Blogger Guide Blog Policy Contatti

Come creare un iFrame tab per Facebook


2011 July 24
3

12

Like

tags: facebook, iframe, landing page


Annunci Google

Facebook

Iframe Joomla

FB Iframe

Iframe Apps

Ti ricordi come era facile creare una landing page per Facebook? Purtroppo le cose sono cambiate e da met marzo non pi possibile utilizzare lapplicazione FBML.

Ci Arrendiamo? No perch ci viene in aiuto il tab iFrame, una scheda che visualizza dei contenuti provenienti da una pagina esterna (una pagina del nostro sito ad esempio) sulla Fan Page di Facebook.

http://www.mysocialweb.it/2011/07/24/iframe-tab-facebook/

Pagina 1 di 10

Come creare un iFrame tab per Facebook

13/10/11 09:31

Pagina HTML
Crea una pagina in HTML con tutto quello che ti serve (immagini, testo, video, javascript, form), copia e incolla il codice su un file di testo e salvalo facendo attenzione a cambiare lestensione del file in .html, rinominandolo index.html. Carica il file index.html e i file necessari (immagini, video, etc.) sul tuo spazio hostin per ottenere un indirizzo come http://www.miosito.com/facebook/index.html. Il limite di larghezza della pagina 520px ma ti consiglio di non superare i 500 px per evitare una pagina troppo larga da scorrere manualmente.

Applicazione Facebook
Adesso necessario creare un applicazione per visualizzare il tab sulla Facebook Fan Page. Vai sulla pagina sviluppatori Facebook e cliccare su crea nuova applicazione (se la prima volta vi verr richiesto di autenticarvi tramitetelefono). Nella schermata che ti appare inserisci il titolo che vuoi dare alla tab (non usate parole come Facebook, FB) e selezionare la lingua. Clicca su sono daccordo con i Termini di Facebook e arrivi alla pagina informazioni:

Qui puoi aggiungere logo, email e una breve descrizione. Fatto ci spostati alla sezione sito Web e
http://www.mysocialweb.it/2011/07/24/iframe-tab-facebook/ Pagina 2 di 10

Come creare un iFrame tab per Facebook

13/10/11 09:31

inserisci lurl che indirizza al tuo file index.html, scrivendo solo la cartella di destinazione (senza index.html) come nella figura.

Ora vai su Facebook integration. In Canvas page inserisci il nome della pagina, Canvas URL con la cartella di destinazione ovvero http://www.miosito.com/facebook/. Infine selezionare iFrame e Auto-resize.

In Page tabs selezionare iFrame e in nome Tab scrivere di nuovo il nome della pagina. In Scheda URL inserire l url completo ( http://www.miosito.com/facebook/index.html).

http://www.mysocialweb.it/2011/07/24/iframe-tab-facebook/

Pagina 3 di 10

Come creare un iFrame tab per Facebook

13/10/11 09:31

Passiamo alle prossime schermate: nella prima devi cliccare su pagina profilo dellapplicazione e nella seconda aggiungi alla tua pagina per inserire nella Fan Page il tab che hai creato. Ecco un esempio di pagina Facebook creata con il tab iFrame.

http://www.mysocialweb.it/2011/07/24/iframe-tab-facebook/

Pagina 4 di 10

Come creare un iFrame tab per Facebook

13/10/11 09:31

http://www.mysocialweb.it/2011/07/24/iframe-tab-facebook/

Pagina 5 di 10

Come creare un iFrame tab per Facebook

13/10/11 09:31

Vuoi fare della tab appena nata la tua home page? Basta andare sulla Facebook Fan Page, cliccare su modifica Pagina a destra in alto, clicca ancora su gestisci autorizzazioni e alla voce prima scheda visualizzata selezionare il tab creato. Infine salvare le modifiche. Questo articolo stato scritto da Andrea Lupi, guest blogger per My Social Web.

Vuoi leggere ancora qualcosa?


Lo sai che ora Facebook pi grande di internet nel 2004? Vasco Rossi attacca Nonciclopedia e la vendetta arriva su Facebook Tempo passato online: indovina chi in aumento? from Social Work 9 Responses leave one

1. sarah permalink July 25, 2011 Ho gi creato dei tab per alcune welcome page. Ci che mi piacerebbe sapere se c un modo per aggirare la questione ssl a partire da ottobre. Voglio dire: siete al corrente se c un modo per dotare il mio sito di certificato di sicurezza senza spendere le centinaia di euro che ho visto proposte sul web? Complimenti per gli articoli interessanti e per il valido aiuto quotidiano!

2. Riccardo Esposito permalink* July 25, 2011 Ciao Sarah, Ammetto la mia personale carenza su questo argomento e spero che qualche lettore possa aiutarti (forza ragazzi)! Ti ringrazio per i complimenti e continua a seguirmi.

3. Marco permalink July 25, 2011


http://www.mysocialweb.it/2011/07/24/iframe-tab-facebook/ Pagina 6 di 10

Come creare un iFrame tab per Facebook

13/10/11 09:31

Che io sappia purtroppo no comunque resta da vedere se realemnte in tutte le applicazioni sar obbligatorio utilizzare il certificato. forse nasceranno servizi appostiti a bassso costo, ma per il momento presto dirlo, dipende sempre dalla richiesta di mercato.

4. davide permalink July 25, 2011 Concordo sulla richiesta di Sarah e poi lSSL sar retroattivo o le pagine vecchie funzioneranno com successo per le FBML? Ah approfitto per unaltra questione creando una pagina html si pu riuscire nel meccanismo per cui solo i fan possono vedere solo certi contenuti? Al momento mi pare fattibile solo per pagine realizzate in php ma magari mi sbaglio

5. stefano permalink July 27, 2011 Fantastico questo post e complimenti per il sito.

6. Riccardo Esposito permalink* August 1, 2011 Suggerisco un articolo relativo allargomento Facebook Fan Page, pagine di Benvenuto e SSL.

7. Danilo Pontone permalink August 3, 2011 Ciao Riccardo, grazie per il link verso il mio post. Volevo intanto confermare che lapplicazione che suggerisco nel mio articolo davvero notevole. Supera il problema dellSSL per quegli utenti che navigano su Facebook in https ed oltre a questo consente di fare tante altre cose molto rapidamente. Presto credo che la utilizzer anche sulla mia pagina, per ora mi sono limitato a testarla in maniera grezza.

http://www.mysocialweb.it/2011/07/24/iframe-tab-facebook/

Pagina 7 di 10

Come creare un iFrame tab per Facebook

13/10/11 09:31

8. Donaro permalink August 16, 2011 Scusate ma la mia ignoranza, ho fatto tutti i passaggi come esposto nel tutorial, ma quando clicco su aggiungi alla mia pagina la finestra che mi si apre vuota, facilmente ho qualche grossa lacuna; qualcuno mi vuole illuminare, Grazie a tutti

9. MrKid permalink September 24, 2011 Innanzitutto grazie mille per il post davvero utile e spiegato molto bene! Posso poi esporvi un mio problema? Le pagine di benvenuto che andiamo a creare, devono avere unaltezza massima? Superati i 785px di height a me compare la barra di scorrimento! C soluzione a ci?? Grazieeee e ancora complimenti Leave a Reply
Name: (required): Email: (required): Website:

Comment:

Note: You can use basic XHTML in your comments. Your email address will never be published. Subscribe to this comment feed via RSS
Submit Comment

Social Box
http://www.mysocialweb.it/2011/07/24/iframe-tab-facebook/ Pagina 8 di 10

Come creare un iFrame tab per Facebook

13/10/11 09:31

Non perderti neanche un articolo di questo blog dedicato al Social Media Marketing! RSS Feed Email Updates Twitter
Cerca

My Social Web on Facebook


Like 1,307 people like My Social Web.

Michele

Francesca

Faraglia

Carlo

Marta

Salvatore

Federica

Francesco

Claudio

Guglielmo

Facebook social plugin

Argomenti
Copywrite Eventi Mobile and social Mondo Google My Case Study Pro Blogger SEO Concept Social Work Sunday Morning
http://www.mysocialweb.it/2011/07/24/iframe-tab-facebook/ Pagina 9 di 10

Come creare un iFrame tab per Facebook

13/10/11 09:31

Utility for blog Wordpress World

Post pi letti
101 idee per i tuoi post migliori 7 Clone Theme per WordPress Appunti di Social Media Marketing Come ottimizzare una pagina web La checklist della headline perfetta Vizi e virt dei link interni Copyright 2011 Social Media Marketing Blog Vigilance Theme by The Theme Foundry

http://www.mysocialweb.it/2011/07/24/iframe-tab-facebook/

Pagina 10 di 10