Per la tua attività sicuramente gestirai una pagina Facebook, per questo motivo oggi vogliamo parlarti di come personalizzare la tua pagina con i TAB IFRAME dando ai tuoi visitatori contenuti aggiuntivi che possano aumentare il loro interesse per la tua attività.

Innanzitutto dove li troviamo, a cosa servono e cosa sono i TAB IFRAME di Facebook.

Li troviamo sulla nostra pagina fan e sono contraddistinti dai rettangoli sotto indicati

tab iframe facebook

Servono a darti la possibilità di inserire nella tua pagina fan dei contenuti ulteriori, mostrandoli come se fossero delle landing page ovvero delle normali pagine web. Questo quindi ti permette di personalizzare la tua pagina davvero in modo creativo!

Sono quindi dei contenitori dove al loro interno possiamo inserire ad esempio:

  • una pagina web (html o php);
  • un form di contatto;
  • l’iscrizione ad una newlsetter;
  • la visualizzazione di un canale youtube semplicemente uno o più video a tua scelta;
  • una galleria fotografica;
  • le attività di altri social media come twitter, pinterest, instagram;
  • coupon sconto per il tuo e-commerce;
  • etc etc

“I fans sono sicuramente più incuriositi a guardare questi contenuti su facebook invece che essere rimandati a dei link esterni”

Ma come puoi realizzare una TAB IFRAME nella tua pagina facebook?

Innanzitutto è necessario essere amministratore della tua pagina facebook in cui vuoi inserire i contenuti esterni.

Ci sono due modalità, o almeno due sono quelle che indicheremo in questa guida:

La prima modalità è quella di utilizzare woobox.com

che in modalità Free offre la creazione di alcune TAB, e lo si può fare accedendo al sito con il tuo account Facebook (quindi accedi al sito dal browser in cui sei già connesso a Facebook). Clicca sul pulsante in alto a destra GET STARTED FOR FREE

woobox.com

Per utilizzare il servizio è necessario autorizzare la richiesta cliccando su OK

autorizza woobox

a questo punto clicca sul menù in alto la voce STATIC TABS

static tabs woobox

e crea la tua TAB cliccando sul pulsante a sinistra CREATE A NEW TAB

create new tab

Scegli la tipologia di TAB che vuoi creare. Noi scegliamo ad esempio twitter. Inseriamo il nostro nome twitter e clicchiamo su SAVE SETTINGS

twitter tab

L’immagine che verrà associata alla TAB ed il relativo nome saranno quelli di default. Se vuoi cambiare una o l’altro basterà andare, attraverso il menù a sinistra su EDIT TAB, dove potrai scegliere il nome e/o l’immagine da associare alla nuova TAB. A questo punto la tua applicazione sarà pronta.

Andando a verificare sulla tua pagina Facebook troverai la TAB realizzata e perfettamente funzionante.

La seconda modalità è quella di utilizzare direttamente Facebook

Per poter creare la tua TAB personalizzata devi accedere alla sezione di Facebook per gli sviluppatori attraverso questo link: https://developers.facebook.com/apps

Non ti fare spaventare, non serve essere un programmatore o un web designer, almeno per creare alcuni tipi di applicazioni, infatti anche in questo caso woobox ci verrà in aiuto.

L’unica cosa dove è necessaria la conoscenza è la creazione di una pagina html, digitando direttamente il codice all’interno della nostra applicazione!

Arrivato alla sezione sviluppatori,  vai su Applicazioni e clicca CREA UNA NUOVA APPLICAZIONE

facebook developers

si aprirà una finestra pop-up dove ti chiederà di inserire il nome che vuoi dare all’applicazione (display name), poi scegli la categoria di appartenenza della stessa (ad esempio applicazioni per le pagine) ed infine clicca su CREA UN’ APPLICAZIONE

display name

Ti verrà richiesto di inserire il codice captcha di verifica

captcha facebook

A questo punto la tua applicazione è stata creata! Adesso come vedi dall’immagine qui sotto c’è un cerchietto verde vuoto di fianco al nome, questo significa che la tua applicazione non è al momento raggiungibile dai tuoi visitatori.

Copia e incolla in un documento di testo, i dati della tua applicazione: ID applicazione e App secret (basta cliccare sul pulsante mostra)

codici verifica applicazione

Attraverso il menù a sinistra clicca su App Details e compila tutti i campi: breve descrizione, descrizione lunga e slogan. Poi scorri la pagina fino a trovare le icone per inserire le immagini:

  • 1024×1024 è l’immagine che verrà assegnata all’applicazione nel back-end (nella sezione developers)
  • 16×16 è l’iconica che andrà in basso sotto la TAB.
  • Per quella che si vedrà nella TAB della pagina Facebook, vedremo icone si inserisce continuando nella lettura di questa guida.

Per completare le impostazioni clicca sul pulsante SALVA LE MODIFICHE, a fondo pagina.

app details facebook

Ora sempre dal menù a sinistra vai nella sezione STATUS E REVIEW e vedrai la tua applicazione con a fianco l’immagine che hai scelto (1024×1024).  Adesso è necessario attivarla così che possa essere visibile a tutti. Per fare questo basta cliccare sulla scritta NO (switch). Ti verrà visualizzata una finestra dove dovrai confermare l’attivazione cliccando su CONFERMA. Appena eseguita la tua applicazione verrà attivata e il cerchietto verde diventerà pieno.

status e review

Adesso vai al seguente link http://iframehost.com/newapp  e inserisci i dati dell’applicazione precedentemente copiati e incollati (ID applicazione e App secret) e clicca Save App Settings

newapp

Alla prossima schermata clicca su Install Page Tabs

install page tabs

Ora ti verrà chiesto a che pagina fan vuoi collegare l’applicazione, scegli la tua pagina e clicca su Add Page Tab

pagina fan

Autorizza l’applicazione cliccando sul pulsante verde Authorize the Tab Application.

(come vedi in basso c’è questa dicitura: This app was created by Woobox).

Anche in questo caso ti verrà richiesta l’autorizzazione per accedere ai tuoi dati, quindi clicca su OK.

autorizzazione applicazioneA questo punto ti troverai davanti la pagina vera e propria di creazione dell’applicazione.

pagina applicazione

La prima cosa che devi definire è che tipo di contenuti vuoi inserire nella tua TAB iframe:

  • Url: punta ad una pagina che hai creato appositamente per essere incorporata nella tua applicazione (come per esempio su plservizi è immagini animate)
  • Redirect: non è altro che un semplice link che punta ad un contenuto sul web
  • Image: puoi caricare una sola immagine che riempirà la tua TAB, basta che le dimensioni siano di 810x1200px
  • HTML: puoi inserire un codice personalizzato (esempio il codice per il form della tua newsletter)

In questa pagina ci sono altre impostazioni:

  • Fan-gate: visualizza un contenuto alternativo per gli utenti che non sono fan della pagina.;
  • Friend-gate: stabilisci il numero minimo di amici fan della pagina, che l’utente deve avere per visualizzare il contenuto;
  • Form-gate: per richiedere l’iscrizione attraverso form prima di mostrare il contenuto della tab.
  • Tab icon: sarebbe l’immagine 16×16 impostata precedentemente
  • Tab name: è il nome dell’applicazione creata
  • Tab Image: è l’immagine che dobbiamo caricare adesso che viene visualizzata nella TAB (fare attenzione alle dimensioni riportate a fianco)
  • Installa Another Tab: puoi creare a sua volta altre tab con l’applicazione static iframe cliccando su una delle icone riportate vicino

Fatto tutto clicca su SAVE SETTINGS.

Hai creato la tua applicazione, chiudi la finestra e verifica che sia presente sulla tua pagina Facebook.

Cliccando sull’icona della TAB appena creata verrai indirizzato alla pagina con i contenuti da te scelti e vedrai una serie di icone con una banda verde. Non ti preoccupare questa la vedi solo tu e non i tuoi visitatori. Attraverso queste icone puoi andare direttamente a creare altre tab tramite l’applicazione gratuita woobox di cui abbiamo descritto la procedura ad inizio guida.

applicazione facebook

Per concludere questa guida sulla creazione di TAB Iframe per Facebook è necessario dire anche come eliminare un’applicazione nel caso in cui non ti serva più oppure se ti sei accorto che contiene degli errori.

Vai sulla tua pagina Facebook e clicca sulla freccia delle TAB, se non la visualizzi nelle prime 4 posizioni.

vedi le applicazioniQuando si apriranno tutte le TAB, posizionati su quella interessata, clicca sul tasto a forma di penna e successivamente su DISINSTALLA APPLICAZIONE

trova applicazione

Sulla tua pagina Facebook adesso dovrebbe essere scomparsa ma se non fosse così dovrai andarla ad eliminare anche dalla sezione developers. Per fare questo basta andare su https://developers.facebook.com/apps aprire l’applicazione e clicca sul menù a sinistra scegliendo  IMPOSTAZIONI e a fondo pagina troverai un pulsante rosso ELIMINA L’APPLICAZIONE.

elimina applicazione

Ti verrà richiesto di confermare l’eliminazione inserendo la password del tuo profilo Facebook.

Se vuoi vedere qualche esempio vai sulla nostra pagina Facebook e guarda tutte le TAB che abbiamo creato. che ne dici?