Quantcast
Channel: Enea Moro » Facebook
Viewing all articles
Browse latest Browse all 3

Come aggiungere “Mi Piace” di Facebook con XFBML

0
0

come inserire mi piace di facebookQuesto tutorial nasce dalle domande del suo predecessore: Come inserire “Mi Piace” di Facebook su siti dinamici

Ho deciso di riprendere in mano la guida e dargli una spolverata. L’iframe seguito su quella guida ormai è obsoleto, ed ho deciso quindi di rinfrescarla spiegandoti come fare la stessa cosa tramite XFBML. Questa via offre la soluzione senza giri di PHP, quindi più affidabile e diretta.

È un metodo meno pesante per il tuo sito web. Utilizzando XFBML, lo script sarà più fluido e inciderà meno sul caricamento delle pagine del tuo sito.

Mi Piace in XFBML

facebook xfbml mi piaceNel sito per sviluppatori di Facebook, vai alla pagina per la creazione del bottone Mi Piace.

Da questa pagina puoi impostare il bottone nel modo che meglio si confà alle tue esigenze. “URL to like” lascialo vuoto, il parametro href del codice XFBML è già puntato sulla pagina che è in visualizzazione.

Quando hai impostato il tuo stile, clicca su “Get Code“, ti si aprirà una finestra contenente 3 possibilità:

bottone facebook mi piace

Scegli XFBML. Al di sotto trovi i tre passi con i codici che vanno inseriti nel tuo sito.

1. Includi il JavaScript SDK subito dopo l’apertura del codice <body>. Collega una delle tue applicazione (crea una applicazione apposita giusto per avere l’id da aggiungere, potrà servirti per monitorare il funzionamento del tuo bottone)

<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/it_IT/all.js#xfbml=1&appId=tuo_app_id_qui“;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

2. Devi modificare il tag <html> del tuo sito ed aggiungere il valore xmlns:fb.
ATTENZIONE, il tag quasi sempre contiene altre informazioni, quindi aggiungi il valore alla fine di quelli già presenti, e non sostituire tutto il tag <html> con quello che ti dà Facebook!

<html xmlns:fb=”http://ogp.me/ns/fb#”>

3. Inserisci, dove meglio credi, il codice che mostrerà il tuo pulsante Mi Piace di Facebook.

<fb:like send=”true” width=”450″ show_faces=”true”></fb:like>

Funziona! Mi Piace!

Se hai problemi ad usare il metodo XFBML, consulta la vecchia guida scegliendo di inserire il Mi Piace tramite iframe.


Viewing all articles
Browse latest Browse all 3

Latest Images

Trending Articles





Latest Images