Social

Come creare una tab iframe Facebook per le pagine fan

Le tab iframe Facebook sono un ottimo strumento per fare Social Media Marketing, sono gratuite al momento per cui bisogna sfruttarle al meglio per migliorare l’interazione delle persone con le pagine aziendali.

Tempo fa vi abbiamo già spiegato come creare una tab iframe per le vostre pagine Facebook. Da allora è passato del tempo e alcune cose sono cambiate. La sezione Facebook Developer si è aggiornata e probabilmente vi siete trovati un po’ spiazzati. È il momento di rinfrescarsi le idee e scoprire le ultime novità.

La procedura che vi mostro di seguito è quella più semplice, per chi non dispone di un hosting con connessione sicura https.

Come creare l’applicazione Facebook

Tre semplici passaggi vi permetteranno di sviluppare tab iframe facebook per le pagine fan; vediamo quali sono attraverso questo semplice tutorial e poi analizziamoli singolarmente.

  • Creare una nuova app su Facebook Developers
  • Creare il codice della tab su Woobox
  • Definiamo alcuni dettagli su Facebook Developers

STEP 1. Creare una nuova app su Facebook Developers

Accedere con il proprio account a Facebook Developers e cliccare in alto la voce del menu: Apps > Add a New App.
Selezionare quindi il bottone Facebook Canvas e assegniamo un nome alla nostra app, quindi clicchiamo su Create New Facebook App ID.

tab-iframe-facebook

Scegliamo una categoria per la nostra app (lasciando invariato il resto) e clicchiamo su Create App ID.

Scorriamo la pagina verso il basso fin dove chiede su quale hosting si poggia la nostra app. Inseriamo quindi nel campo Canvas Page l’url della nostra app (a nostro piacere, io ad esempio ho usato “tutorial-rdg”) e nel campo Secure Host URL inseriamo iframehost.com/ (questo campo in seguito si modificherà automaticamente).

app-hosted

Questa prima fase è completata.
Non ci resta che cliccare su Avanti, quindi scorrere verso il basso, cliccare ancora su Avanti e scorrere ancora verso il basso finchè non ci appare la scritta Finished! come appare nella figura seguente. Chiudiamo la pagina di Facebook Developers.

finished-app

Apriamo nuovamente la pagina di Facebook Developers e clicchiamo sempre nel menu in alto su Apps, quindi selezioniamo l’app appena creata.

Copiamo l’App ID e l’App Secret. Ci serviranno nel prossimo passaggio.

cerchio-verde-vuoto

STEP 2. Creare il codice della tab iframe Facebook su Woobox

In questa seconda fase dobbiamo creare il codice dell’app, il contenuto. Per farlo andiamo su Woobox, il sito che ospiterà la nostra applicazione.

creare nuova app woobox

Inseriamo quindi la nostra App ID e App Secret. Clicchiamo quindi su Save App Setting e poi Install Page Tab.
Cerchiamo nel menu a tendina la nostra pagina e selezioniamola, in modo da collegare la tab alla pagina Facebook, clicchiamo quindi su Add Page Tab.

aggiungi-pagina-tab

Siamo adesso ridirezionati nella tab della nostra pagina Facebook. Clicchiamo su Configure Page Tab. In tal modo torniamo su Woobox, in EDIT TAB CONTENT, dove possiamo editare la nostra pagina a piacimento:

  • inserire codice html
  • inserire un’immagine
  • inserire il link di una pagina da caricare nella tab
  • creare un redirect

Impostati i nostri contenuti, clicchiamo su Save Setting.

Il lavoro è completo. O quasi. Vi spiego perchè.

Se andiamo nella nostra pagina Facebook possiamo già vedere la nostra tab iframe Facebook bella e pronta. Se non la troviamo, clicchiamo sotto la copertina su Altre e selezioniamo la nostra app.

Ovviamente la parte relativa alle Admin Options le vediamo solo noi che siamo amministratori della pagina e non gli utenti. Ci serviranno nel momento in cui vogliamo apportare delle modifiche alla tab.

Pare che tutto funzioni. E allora cosa c’è che non va? Lo scopriamo nell’ultimo passaggio.

STEP 3. Definiamo alcuni dettagli su Facebook Developers

La prova è pronta all’uso, ma dobbiamo attivarla. La scheda con la tab la vediamo solo noi perchè siamo amministratori della pagina.

Apriamo nuovamente la pagina di Facebook Developers e clicchiamo sempre nel menu in alto su Apps, quindi selezioniamo l’app appena creata.

Il cerchio verde vuoto alla destra del nome dell’applicazione ci mostra che l’app non è attiva per tutti. Nel menu a sinistra allora clicchiamo su Settings e a destra inseriamo la Contact Email, il nostro indirizzo e-mail. Come potete vedere Woobox ha settato tutti i valori correttamente. Nella parte bassa della pagina dobbiamo modificare la Page Tab Image, un file JPG, GIF o PNG di dimensioni 111 x 74 pixel e con un peso massimo di 1 MB.

Clicchiamo quindi su Save Changes.

Ultima operazione: nel menu a sinistra clicchiamo su Status & Review e rendiamo pubblica e fruibile da tutti l’app cliccando accanto al nome dell’app sul pulsante accanto a NO (dovrebbe essere un YES ma non appare scritto).

Il cerchio verde vuoto accanto al nome diventa pieno. La nostra tab iframe Facebook per le pagine fan è pronta e funzionante.

come-creare-tab

Potete cambiare le impostazioni in ogni momento, io ad esempio ho cambiato il nome dell’applicazione.

Alcune precisazioni

Su Facebook, sotto il menu, cliccate su Altre, quindi su Gestisci Tab, per ordinare le tab iframe Facebook e rendere subito visibile la vostra agli utenti della pagina.




emoticons

avatar
Autore: Valerio Del Re

Dott. in Comunicazione e Pubblicità per le Organizzazioni,
Grafico e Web Designer freelance, CEO presso Robadagrafici


Cosa ne pensi? Esprimi la tua opinione.
Scrivi un commento.

Loading Facebook Comments ...

Ti potrebbero interessare anche:


gif-animata-pagina-facebook

GIF animata su pagina Facebook. Come pubblicarla

La tendenza social del momento? La pubblicazione delle GIF animate su profili e pagine Facebook. La GIF è […]


tasto-azione-post-facebook

Come pubblicare post di Facebook con tasto call to action

Da Febbraio la bacheca di Facebook è piena di tasti che spingolo all’azione (call to action). Fino a […]


click-baiting-facebook

News Feed Facebook: è lotta al click-baiting e ai link nascosti

Proprio qualche giorno fa vi parlavamo degli articoli di scarsa qualità pubblicati sui social con piccoli trucchi solo […]


articoli-di-scarsa-qualita

Adsense e gli articoli di scarsa qualità. Le reazioni degli utenti su Facebook.

Si parla ormai da molto tempo di articoli di qualità come chiave del successo di un sito, articoli […]


facebook-like-button-in-lingua-straniera

Facebook Like Button iframe in lingua straniera

I social plugin dei social network sono molto utili per la diffusione virale dei contenuti. Sono infatti sempre […]


scaricare-video-facebook

Come scaricare video da Facebook senza programmi

Il metodo più conosciuto ed il più utilizzato dagli utenti per scaricare video dalla rete, ed in particolare […]


chi-guarda-pagina-facebook

Scopri chi tiene sotto controllo la tua pagina Facebook

Una delle ultime funzioni attivata da Facebook per le pagine è la sezione delle “Pagine da tenere sotto […]


rivoluzione-mobile-facebook

La rivoluzione del mobile passerà attraverso Mark Zuckerberg

Un simpatico video di circa 10 minuti realizzato da Giorgio Taverniti che ci aggiorna sulle ultime novità riguardanti […]


disattivazione-video-automatici-facebook

Come disattivare la riproduzione automatica dei video su Facebook

Ormai da un pò di tempo Facebook ha introdotto una fastidiosissima funzione sul social network. Fastidiosa per gli […]


Shares

Robadagrafici.com non è una testata giornalistica in quanto viene aggiornato senza alcuna periodicità. Non può pertanto considerarsi prodotto editoriale ai sensi della legge 62/2001. Le immagini e i testi pubblicati sono valutati come di pubblico dominio: qualora il loro uso violasse diritti d'autore, lo si comunichi all'autore del blog che provvederà alla loro pronta rimozione.
Tutti i contenuti sotto Licenza Creative Commons. Marchi e loghi di soggetti terzi utilizzati in questo sito sono di proprietà esclusiva dei rispettivi proprietari.
Roba da Grafici © 2011-2016 - Progetto a cura di ServiziWeb Srl - Privacy & Cookies Policy