Vai a: [ Contenuti ] [ Categorie ] [ Cerca ]

Integrare Facebook con le API: Facepile

Integrare Facebook con le API: Facepile


fbml: mostrare la lista di amici a cui piace la pagina che stiamo visualizzando

Modificare il tag html della pagina in questa maniera:

1
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

Successivamente si deve aggiungere del markup alla pagina. Si è scelta la modalità asincrona del javascript per non interrompere, durante il caricamento, la visualizzazione della pagina.

Markup aggiuntivo:

1
2
3
4
5
6
7
8
9
10
11
12
<div id="fb-root"></div> 
<script> 
  window.fbAsyncInit = function() { 
    FB.init({appId: 'APP_ID', status: true, cookie: true,xfbml: true}); 
  }; 
  (function() { 
    var e = document.createElement('script'); e.async = true; 
    e.src = document.location.protocol + 
      '//connect.facebook.net/it_IT/all.js'; 
    document.getElementById('fb-root').appendChild(e); 
  }()); 
</script>

Due considerazioni:

  • al posto di APP_ID è necessario inserire l’ ID dell’applicazione (dato fornito da Facebook)
  • da notare il parametro della lingua (it_IT) che permette di localizzare i testi

Una volta inserito questo codice è possibile utilizzare i tag FBML:

1
<fb:facepile href="URL_PAGINA" width="200" max_rows="1"></fb:facepile>

fbml: mostrare la lista di amici che hanno autorizzato l’applicazione

Modificare il tag html della pagina in questa maniera:

1
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

Successivamente si deve aggiungere del markup alla pagina. Si è scelta la modalità asincrona del javascript per non interrompere, durante il caricamento, la visualizzazione della pagina.

Markup aggiuntivo:

1
2
3
4
5
6
7
8
9
10
11
12
<div id="fb-root"></div> 
<script> 
  window.fbAsyncInit = function() { 
    FB.init({appId: 'APP_ID', status: true, cookie: true,xfbml: true}); 
  }; 
  (function() { 
    var e = document.createElement('script'); e.async = true; 
    e.src = document.location.protocol + 
      '//connect.facebook.net/it_IT/all.js'; 
    document.getElementById('fb-root').appendChild(e); 
  }()); 
</script>

Due considerazioni:

  • al posto di APP_ID è necessario inserire l’ ID dell’applicazione (dato fornito da Facebook)
  • da notare il parametro della lingua (it_IT) che permette di localizzare i testi

Una volta inserito questo codice è possibile utilizzare i tag FBML:

Codice standard:

1
<fb:facepile href="URL_PAGINA" width="200" max_rows="1"></fb:facepile>

Pagina: 1 [2]

link sponsorizzati

Consiglialo su Facebook

Scrivi un commento

Commenti totali: 1


  1. non riuscivo ad inserire il plug-in sul mio blog ma leggendo il tuo articolo ho capito che inserendolo con il tag IFRAME sarebbe stato più facile… e ce l’ho fatta! Grazie.

Lascia un Commento

Iscriviti alle discussione senza commentare

Torna: [ Inizio ] [ Contenuti ] [ Categorie ] [ Cerca ]

Pagina renderizzata in soli 0,338 secondi dopo aver eseguito ben 62 query. Wordpress... prestazioni da urlo!