Promuovi la tua pagina Facebook sul tuo sito

Postato il 7 novembre 2011. Categoria Web Tag codice facebook fanpage

Parliamo di come linkare la propria fan page di Facebook sul proprio sito. Questo articolo segue è il post Inserire pulsante Mi piace e Segui sulla mia pagina.

Prima fase: recuperiamo il codice da Facebook

Una volta loggati come amministratori (non usare facebook come pagina) andiamo sulla nostra pagina e clicchiamo sul pulsante Aggiungi riquadro “Mi Piace” nella sezione Promuovi questa Pagina sul tuo sito Web.

Aggiungi riquadro "Mi Piaci"

Si aprirà developers.facebook.com alla seguente pagina /plugins/like-box

.../docs/reference/plugins/like-box/

Continua a leggere »

Vediamo come pubblicare delle foto su di una pagina Facebook inserendole in un album.

pagina Facebook - caricamento foto

carica album

Dalla bacheca della pagina, utilizzando la barra Condividi scegliamo Foto e successivamente Crea Album con molte foto.
Continua a leggere »

Per inserire il pulsante “Mi piace” di Facebook e il pulsante “Follow” (seguimi) di Twitter possiamo utilizzare gli strumenti messi a disposizione dai social.

Facebook
Al seguente indirizzo:
Like Button – Sviluppatori di Facebook

pagina Like Button - Sviluppatori di Facebook

Like Button - Sviluppatori di Facebook

tramite il quale potrete generare il codice da inserire nella vostra pagina web.
Una volta riempiti i campi con il link della pagina dove volete inserire il pulsante, lo stile, il colore e il font premendo su “Get Code” si apre una finestra

Like Button - Sviluppatori di Facebook - Get Code

Like Button - Sviluppatori di Facebook - Get Code

dalla quale possiamo copiare e incollare nella nostra pagina il codice desiderato.


Aggiornamento 2012

nuovo "get code"

Da qualche tempo è possibile disporre di 3 soluzioni di codice per l’inserimento nel nostro sito del pulsante mi piace:

  • IFRAME
  • HTML5
  • XFBML

li ho ordinate secondo la difficoltà di inserimento (secondo il mio parere):
La soluzione IFRAME prevede un semplice copia e incolla del codice all’interno della nostra pagina dove vogliamo che appaia il pulsante.
Per quanto riguarda l’HTML5 ci sono due parti di codice da incollare: la parte 1 va messa subito dopo l’apertura del tag <body> la seconda va incollata tra il codice html della pagina, nel punto dove vogliamo che stia il pulsante.

La terza soluzione XFBML prevede che la prima parte venga incollata sempre subito dopo il tag <body>, poi venga inserita una definizione, un namespace nel tag <html> di apertura della pagina e diventi: <html xmlns:fb=”http://ogp.me/ns/fb#”>, terzo venga inserito come al solito la parte di code dove voglia che appaia il nostro pulsante.


Twitter
Twitter metta a disposizione degli utente un set di utility tra qui la generazione del pulsante Follow.
Al seguente indirizzo:
Twitter / Pulsante Segui

Twitter / Pulsante Segui

Twitter / Pulsante Segui

tramite il completamento di una form che ci chiede semplicemente il nome utente, se lo sfondo sia chiaro o scuro e se vogliamo il contatore dei follower, ci apparirà sulla destra il codice da copiare nella nostra pagina.

Pagina 1 di 11