Elucubrato da saibal
Addì 11 Gennaio 2011
Integrare Facebook con le API: Facepile
Link utili:
- Integrare Facebook con le API: cancellazione applicazione
- Il bottone "Invia": la nuova e mirabolante funzionalità di Facebook
- Aggiungere i metatag Open Graph di Facebook a Wordpress
link interno
link esterno
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
- 2.223 visite
Vota: --
Loading...
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.