My Social Web » landing page

Come creare un iFrame tab per Facebook

Riccardo Esposito — Sun, 24 Jul 2011 21:50:04 +0000

Ti ricordi come era facile creare una landing page per Facebook? Purtroppo le cose sono cambiate e da metà marzo non è più possibile utilizzare l’applicazione 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.

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 l’estensione 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 d’accordo 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 inserisci l’url 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).

Passiamo alle prossime schermate: nella prima devi cliccare su “pagina profilo dell’applicazione” 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.

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.

Ciao! Come creare un iFrame tab per Facebook e' un post scritto da Riccardo Esposito, signore e padrone di My Social Web, che ti consiglia di dare uno sguardo anche alle Guide per Blogger.

Vuoi leggere ancora qualcosa?

Semplici consigli per la tua Facebook Landing Page

Riccardo Esposito — Sun, 04 Jul 2010 22:21:31 +0000

Creare una landing page per Facebook è diventato, ormai, un gioco da ragazzi grazie all’ottima applicazione che risponde al nome di static FBML. Basta aggiungerla alla propria fan page, inserire un po’ di codice e il gioco è fatto!

Non è vero, la storia non è così semplice come molti pensano. Una landing page ha delle regole ben precise da rispettare e questo vale anche nel caso delle Facebook Fan Page. Darren Rowse di ProBlogger lo sa bene e ha elencando diversi consigli (alcuni specifici, altri un po’ meno ma comunque validissimi) dedicati alle landing page per Facebook. Eccoti un estratto:

Il troppo storpia – Come per tutte le landing page, non puoi chiedere troppo al tuo lavoro. Se tenti di convincere la gente a cliccare sul pulsante “mi piace”, iscriversi a una mailing list, a guardare un video, seguirti su Twitter, visitare il tuo forum, comprare il tuo eBook e condividi la tua pagina rischi di non ottenere alcuna azione. Puoi cercare di ottenere tutto questo dalla pagina che stai creando su Facebook, o solo un paio dei punti elencati, ma pensa bene alle tue priorità e dirigiti verso l’obiettivo.

Usa pagine secondarie – La meraviglia delle static FBML consiste nella possibilità di collegarne quante ne vuoi alla tua Facebook Fan Page. Una la dedichi sicuramente all’accoglienza dei visitatori ma, studiando bene la tua barra di navigazione e la colonna laterale, puoi utilizzare altre pagine HTML per landing page dedicate ad altri scopi. Nel caso della mia Facebook Fan Page ho creato una pagina welcome presente solo nella barra in alto e un’altra dedicata agli highlight e ai social per la sidebar.

Sii chiaro – Quali azioni vorresti che facessero i tuoi visitatori? Devi rendere il tutto più chiaro possibile perchè non tutti sono dei maghi del mondo social media. Non tutti sanno cosa devono fare appena arrivati su una landing page per Facebook (magari si aspettano una classica bacheca con lo streaming degli aggiornamenti) quindi cerca di essere cristallino nelle tue richieste.

Test, test e ancora test – Ti piacerebbe creare la tua pagina in una mezz’oretta e raccogliere immediatamente un buon numero di consensi, eh? Invece devi impegnarti e ripensare più soluzioni per la tua Facebook Fan Page e cercare di capire la più conveniente per i tuoi scopi. Mai sedersi sugli allori!

Consiglio extra (banale ma necessario): se hai intenzione di creare una pagina di benvenuto per la tua Facebook Fan Page ricordati di impostare quest’ultima come prima pagina visualizzata. Basta andare in bacheca, modifica pagina e impostazione bacheca. Nella sezione “Scheda di arrivo predefinita per tutti gli altri” troverai le varie opzioni tra cui anche pagine HTML.

Ciao! Semplici consigli per la tua Facebook Landing Page e' un post scritto da Riccardo Esposito, signore e padrone di My Social Web, che ti consiglia di dare uno sguardo anche alle Guide per Blogger.

Vuoi leggere ancora qualcosa?

5 magnifiche landing page per Facebook Fan Page

Riccardo Esposito — Sun, 11 Apr 2010 22:23:58 +0000

In alcuni casi ho suggerito di utilizzare l’applicazione Static FBML per creare delle pagine HTML per Facebook Fan Page. In questo modo è possibile creare delle vere e proprie landing page sulle quali far “atterrare” i nostri seguaci più fedeli.

Ma dove trovare la giusta ispirazione? Creare una landing page per Facebook vuol dire conoscere i linguaggi di questa piattaforma e applicare nel modo migliore i tag del linguaggio FBML. Per questo motivo, prima di metterti al lavoro, ti consiglio di dare uno sguardo a queste 5 risorse che ho scovato nel web:

Pizza Hut

Harley Davidson

Louis Vuitton

Victoria’s Secret

iTunes

Non ti bastano queste cinque pagine? Allora puoi sfogliare queste ottime slide di Penn Olson (Top 50 Facebook Pages 2009) nelle quali si concentrano le migliori Facebook Fan Page dell’anno scorso.

Ciao! 5 magnifiche landing page per Facebook Fan Page e' un post scritto da Riccardo Esposito, signore e padrone di My Social Web, che ti consiglia di dare uno sguardo anche alle Guide per Blogger.

Vuoi leggere ancora qualcosa?

10 regole per una landing page di successo

Riccardo Esposito — Mon, 23 Nov 2009 23:20:47 +0000

Tutte le pagine web possono essere considerate landing page, ma con il termine specifico “landing page” si intende un punto di arrivo di una campagna di marketing online che viene raggiunta attraverso una ricerca per parole chiave.

Quindi, l’ottimizzazione della landing page deve essere fatta in base alle aspettative dell’utente per quella specifica ricerca. Con una query “ricetta per torta di mele” l’utente si aspetta di trovare un contenuto descrittivo; se, invece, la ricerca è “voli per Londra” probabilmente l’utente desidera trovare informazioni sui voli per Londra e un modulo dove poter cercare/prenotare un volo.

Per semplicità considera 2 tipi di landing page: quelle di “riferimento” e le “transazionali”. Le landing page di riferimento hanno generalmente l’obiettivo di generare ulteriori click sul sito. Ad esempio, la pagina con la ricetta per la torta di mele può essere legata ad altri contenuti e ricette. Le pagine transazionali hanno, invece, il compito di favorire una transazione, cioè un’azione di tipo prova o acquisto di un prodotto ad esempio il volo per Londra.

Ecco, quindi, le 10 regole per ottimizzare le tue landing page:

Assicurati che il titolo della pagina sia chiaro e diretto – Deve corrispondere a ciò che l’utente sta cercando di ottenere;

Ottimizza il testo per il web – L’utente fa una scansione veloce della pagina per capire se ha trovato ciò che gli interessa. Evidenzia le parole chiave in grassetto, utilizza le colonne per facilitare la lettura, usa dimensioni di caratteri sufficientemente grandi, usa colori ben visibili sullo sfondo, limita’ la quantita’ di testo all’essenziale;

Rispondi alla domanda “perchè?” – Se l’uente non capisce qual è il beneficio o il vantaggio del tuo prodotto rispetto agli altri prodotti, non esiterà ad abbandonare la pagina. Elenca i vantaggi/benefici in 4 o 5 punti;

Aggiungi il tuo pay off appena sopra la call to action (invito all’azione) – Se l’utente è arrivato fino a qui (dove si trova il bottone da cliccare), devi solo rassicurarlo. Il pay off ha in questo caso il compito di fornire un messaggio rassicurante cosi’ che l’utente possa procedere nell’azione.

Prova un approccio soft alla vendita – Utilizza frasi quali “provalo ora” anzichè “acquista ora”;

Aggiungi gli elementi che generano fiducia nel’utente – Se il tuo sito, attività o prodotto sono certificati, ad esempio se il sito fornisce transazioni sicure, aggiungi i loghi delle organizzazioni che lo certificano;

Nel caso di una landing page transazionale – Elimina distrazioni e/o link in uscita dalla landing page. Tutti i link che non portano all’obiettivo sono link che allontanano l’utente dall’acquisto. Anche la barra di navigazione del sito può allontanare l’utente dall’acquisto;

Nel caso di landing page informative: aggiungi un modulo per ricevere informazioni ad esempio la newsletter. Il modulo deve essere semplice, chiedi solo le informazioni più importanti ad esempio l’email. Potrai chiedere maggiori informazioni all’utente registrato direttamente;

Facilita l’azione – Evidenzia il bottone per l’acquisto e metti una copia del bottone per l’acquisto nella parte alta dello schermo (above the fold);

Aggiungete informazioni sulla privacy – L’utente che intende effettuare un acquisto deve essere tranquillo che la sua privacy verrà tutelata.

Questo articolo è stato proposto da Enrico Fantaguzzi, Guest Blogger per My Social Web.

Fonte immagine

Ciao! 10 regole per una landing page di successo e' un post scritto da Riccardo Esposito, signore e padrone di My Social Web, che ti consiglia di dare uno sguardo anche alle Guide per Blogger.