Iscriviti al mio Feed RSS

Non ti perdere i miei prossimi articoli!
Resta aggiornato iscrivendoti al mio Feed RSS!
Feed RSS via Mail di Enea Moro Feed RSS di Enea Moro

Come inserire “Mi Piace” di Facebook su siti dinamici

Mi Piace FacebookIl bottone “mi piace” va molto di moda negli ultimi tempi.

Praticamente ogni blogger furbo lo ha aggiunto al suo blog.

Ieri mi son dovuto confrontare con l’inserimento di questa utile funzione sociale sull’Editoria Sociale ADDalo, sito basato su CMS Pligg.

Questo CMS di suo ha dei moduli a pagamento per fare questa funzione. Non volendo comprare il modulo, ho deciso di smanettare un po’ e crearmi lo script in casa.

Ottieni il bottone Mi Piace da Facebook per sviluppatori

Vai alla pagina Like Button

Qui puoi ottenere un semplice bottone che ti fà un “Mi Piace” su una determinata pagina. La pagina è fissa, puoi mettere il link su cui fare il “Mi Piace” e settare qualche altro parametro.

Per ora lascia lo spazio link vuoto, e fai “Get Code”.

Otterrai 2 codici, tu preleva il primo, che è un iframe.

<iframe src=”http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:80px;” allowTransparency=”true”></iframe>

Ho messo in grassetto la parte di codice che ti interessa modificare.

C’è un link di esempio, avendolo lasciato vuoto nel campo dedicato allo step precedente.

Qui andrai ad aggiungere un semplice codice php che rileva la pagina in cui si è, e ne mostra il link.

Il codice è il seguente:

<?php $url = “http://”.$_SERVER[‘HTTP_HOST’].$_SERVER[‘SCRIPT_NAME’];
if (!empty($_SERVER[“QUERY_STRING”]))
$url .= “?”.$_SERVER[‘QUERY_STRING’];

echo $url; ?>

Il bottone su pagina dinamica

Ora che hai iframe e codice php, non ti resta che unirli, e inserirli nel tuo sito.

Il codice che otterrai è il seguente:

<iframe src=”http://www.facebook.com/plugins/like.php?href=
<?php $url = “http://”.$_SERVER[‘HTTP_HOST’].$_SERVER[‘SCRIPT_NAME’];
if (!empty($_SERVER[“QUERY_STRING”]))
$url .= “?”.$_SERVER[‘QUERY_STRING’];
echo $url; ?>
&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:80px;”></iframe>

Nota: ho levato l’attributo allowTransparency=”true” dal iframe, perchè non mi rispetta gli standart XHTML, quindi mi dava errore di validazione.

Ora puoi aggiungere il bottone “Mi Piace” anche su quei CMS o su quei siti dinamici e che generano URL in automatico!

16 maggio 2010

Social

, , ,

Il prossimo articolo?

Ricevilo via mail o leggilo tramite Feed RSS
Abbonati!

Ricevi il prossimo articolo sul tuo indirizzo Email Leggi il mio prossimo articolo tramite Feed RSS



46 Risposte per “Come inserire “Mi Piace” di Facebook su siti dinamici”

  1. addalo.it scrive:

    Come inserire “Mi Piace” di Facebook su siti dinamici…

    Piccola e semplice guida per inserire il bottone Mi Piace di Facebook su siti con pagine dinamiche e che generano URL in automatico…

  2. Enea scrive:

    Segnalo inoltre questo articolo dello Skyblog su come inserire il "Mi Piace" su WordPress.
    http://www.skyflash.it/2010/05/come-aggiungere-il

  3. alex scrive:

    grazie enea,
    cercavo proprio questo per mettere il tasto "mi piace" su alcuni siti miei del tipo
    http://fpillustrazioni.spreadshirt.it/
    in modo tale che interagissero con la mia pagina su facebook http://www.facebook.com/#!/pages/t-shirt/12369668

    cliccandogli sopra andavano ad aggiungere il numeo dei fans della pagina su facebook e si apriva tale pagina…
    Ho provato a fare quello che hai scritto, ma il risultato è molto diverso, si apre una finestra nel sito dove viene ripetuto il sito stesso…
    ops forse ho sbagliato qualcosa?
    puoi darmi una mano a capire meglio?
    grazie

  4. ntoine scrive:

    nn funziona!!!!!!!!!!!!!!!!

  5. @eneamoro scrive:

    @ntoine: sarebbe utile spiegare meglio il problema.

    @alex: lo script per i fan lo trovi sul sito di facebook, non necessita del "Mi Piace", ma di un badge della tua pagina Fan.
    Il mi piace in questa guida condivide il link della pagina dinamica su cui il bottone si trova.

  6. mattia scrive:

    Ciao, perfavore potresti darmi una mano?
    sono 2 ore che cerco di fare questo beendetto pulsante mi piace.. la mia "soluzione" sarebbe la seguente:
    <iframe src="http://www.facebook.com/plugins/like.php?href=&lt;?php echo(urlencode("http://&quot;.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']."%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=80"));?> scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
    sia con il mio script, sia con il tuo da errore facebook, se puoi provalo da qui: http://relaxsanshop.it/relaxsan-shop.html?page=sh
    grazie ciao

  7. Enea scrive:

    Lo vedo funzionante, immagino che hai risolto ;)

  8. Rosa scrive:

    Ciao Enea, grazie per la guida, utilissima!
    Mi resta un solo dubbio: pur avendo scelto l'opzione show faces per visualizzare le immagini del profilo sotto al bottone "mi piace" queste non sono visibili. O meglio, se scelgo io mi piace ed è aperta una mia sessione con Fb vedo la mia sola immagine, altrimenti nessuna e leggo la sola scritta "A due persone piace questo elemento…" (una sarei io e l'altra un altro utente di Fb). C'è qualcosa che non va o che non ho capito io?
    Grazie sin da ora! :)

  9. Enea scrive:

    Guarda, anche a me dava lo stesso "problema" mi pare. Qui bisogna tirare in causa Facebook.
    Comunque potrebbe essere lo spazio a disposizione per l'iframe ad essere troppo piccolo.

  10. Rosa scrive:

    In merito alla funzionalità “show faces” temo sia stata eliminata da Fb per motivi di privacy. Oggi leggevo qualcosa a riguardo, ma non trovo più dove. Se mi ricapita ti faccio sapere! :)

  11. Enea scrive:

    Mi pare strano, visto che nei badge delle fan page ne appaiono a iosa di foto. Grazie della segnalazione ;)

  12. Rosa scrive:

    Figurati! Ho notato ancora una cosa "strana": ho inserito, su ogni pagina del mio sito, sia il pulsante "Mi piace" che il pulsante condividi, ma uccede una cosa "strana": se qualcuno condivide l''articolo si incrementa anche il numero segnalato di "mi piace": dov'è l'inganno? :)

  13. Rosa scrive:

    http://forum.developers.facebook.net/viewtopic.ph
    Non era quello che avevo trovato inizialmente, ma anche qui si parla della questione dello "show faces".
    Giusto per informazione, puoi non pubblicare questo mio ennesimo commento :P

  14. Enea scrive:

    ne parlava anche julius (juliusdesign) sul suo blog di questo problema di conteggio.

    Ho letto che infatti il conteggio e sia di condivisioni che di “mi piace” e facebook lo sa.

    Mi pare ci fosse un modo per avere il conteggio reale. Mi informo meglio da casa magari.

  15. Enea scrive:

    Ma figurati, e un vero piacere ricevere commenti. Arricchiscono l’articolo ;)

  16. Sviluppo Web scrive:

    Guida molto utile! ;)

  17. Rosa scrive:

    Ho studiato un pò la cosa, senza capirne molto :P
    Comunque ho notato che in questo modo:
    – scegli mi piace
    – un altro account facebook condivide
    allora ti ritrovi all'articolo due "mi piace" anche se il test links.getStats restituisce uno per lo share_count e uno per il link_count.

    Se condividi solo e non c'è nessun "mi piace", allora non ne compaiono per errore. Se poi qualcuno inserisce un "mi piace" allora diventano due anche se il test links.getStats dà sempre il conteggio corretto.

    Inoltre, è vero che il conteggio accanto al condividi compare solo se almeno 3 persone hanno condiviso l'articolo? A me capita così…

    Ciao!

  18. daniele scrive:

    Non so perchè ma a me mi da già 130.816 persone che avrebbero ipoteticamente cliccato sul bottone… c'è qualcosa che nn va!?! http://www.selenyan.it/index.php?page=articolo&am

  19. leo scrive:

    Ottima guida ma avrei una domanda, seppur in ritardo rispetto all'uscita dell'articolo.

    Io ho una pagina con un'introduzione ( questa pagina la chiamo pag1)
    alla fine della pagina dico ai miei lettori che se vogliono andare nella pagina 2 ( dove l'articolo continua ) devono per forza condividere su facebook la pagina( pag1) dopo averlo condiviso vengono indirizzati automaticamente nella pagina 2.

    ci sarebbe un codice al caso mio?

  20. Silvano Sartori scrive:

    Area web in Milano. Cerca sviluppatore web PHP per manutenzione siti e utilizzo di WordPress o Joomla…
    Vorremo collaborare con freelance pacioso e tranquillo… capace di lavorare in orari d'ufficio, meglio se residente in Milano.
    Se qualcuno è interessato può inviare una sua breve presentazione, qualche esempio di siti realizzati ed una foto del viso.
    Un saluto molto cordiale
    Silvano Sartori http://www.dialoga.com info@dialoga.com oppure 3398066212

  21. Marco scrive:

    Ho sviluppato anche io uno script simile tempo fa. Ultimamente quando clicco su Mi piace al link viene associata un'immagine che non centra niente con il link.
    Mi spiego meglio. Ho un giornale online. Nel dettaglio della notizia c'è il testo accompagnato da una foto.
    Quando clicco sul tasto mi piace sulla bacheca di facebook viene pubblicato il link ma con una foto diversa che non centra niente con l'articolo. Prende una foto di un altro articolo.
    Sapresti dirmi come si può ovviare alla situazione?
    Grazie

  22. Claudio scrive:

    Ho lo stesso problema! Hai per caso risolto?

  23. Alessandro scrive:

    Ciao a tutti mi potreste dare una mano?
    Io nella mia pagina del mio sito ho inserito questo codice :
    iframe src="http://www.facebook.com/plugins/like.php?href =http://www.italyhitech.com/prodotto/SOFJ477B/OROLOGIO-SOFTECH-J477B.aspx&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> ma non funziona ho provato anche altri codici ma non funziona, il tasto mi piace funziona ma da errore, dice che la pagina La Pagina all'indirizzo http://www.italyhitech.com/prodotto/SOFJ477B/OROL… non è raggiungibile. Cosa devo aggiungere al codice per renderla raggiungibile e che su facebook crei il link con relativa foto e descrizione.

    Vi ringrazio in anticipo a chi mi aiuterà

  24. Mario scrive:

    Ciao a tutti, io ho solo una curiosità, ho un sito dove ho inserito il bottone "mi piace", questo funziona perfettamente, ma io vorrei capire come faccio a vedere l'elenco delle persone che hanno clikkato sul "mi piace", in molti mi hanno risposto che basta clikkare sul numerino che appare accanto la scritta mi piace, ma a me non funziona, forse devo creare qualche collegamento alla mia pagina personale di fb direttamente dal codice html???

    Grazie, Mario

  25. Enea scrive:

    È possibile monitorare tutto tramite Insight. Con l'aggiunta di un metatag di Facebook che determina l'admin del sito / pagina / applicazione potrai monitorare ogni azione svolta all'interno del tuo sito.
    Qui trovi più info in merito ;) http://developers.facebook.com/docs/insights/

  26. Iggy scrive:

    Buongiorno a tutti!

    Mi servirebbe qualcuno che mi può aiutare più a fondo per l’inserimento del bottone mi piace sul mio sito!

    Io non sono un genio del pc, quindi per questo che vi dicevo che mi servirebbe un aiuto più a fondo di questo!

    Se qualcuno è così gentile da aiutarmi mi può contattare sulla mia mail lo.deep@hotmail.com

    Grazie.

  27. sgaddo scrive:

    Ciao enea, ho provato il tuo script, riadattato in asp (per cause di forza maggiore :/ ) e funziona fino a quando il link viene inviato alla pagina di facebook. Quando clicco sul pulsante per completare la condivisione, il link viene troncato alla prima &commerciale (alla seconda variabile del querystring per intenderci) quindi non condividendo la pagina dinamica. Che tu sappia, è proprio una cosa che facebook ha come politica (di troncare le &), oppure sbaglio qualcosa io?

    Grazie ;)

  28. claude93 scrive:

    Ciao, anche io ho il tuo stesso problema, hai risolto ? Grazie!

  29. giuseppe scrive:

    Ciao, complimenti per il Tutorial. Ho un solo problema, di natura un pò complessa, provo a descriverti il problema, non so se puoi essermi di aiuto: utilizzo questo link su un sito sviluppato su piattaforma Zend PHP, le cui pagine pertanto rispondono sempre all'indirizzo http://www.miosito.it/index.php, e puntano al contenuto giusto tramite parametri specificati nella get. Esempio: http://www.miosito.it/prodotti/dettaglio?id=5 sarà un link di fatto alla index.php del sito, ma con i parametri forniti nella get punterà alla pagina di dettaglio di quel determinato prodotto. Questo perchè Zend utilizza la mod_rewrite.
    Ora, se io passo a facebook un parametro di quel tipo lui interpreta sempre la mia segnalazione come se fosse alla index.php del mio sito, e infatti sul mio profilo fb, appare il link alla index, non alla pagina che ho effettivamente segnalato.
    Non so se sono stato chiaro, per caso hai qualche vaga idea di come si possa risolvere il problema?

    Ti ringrazio in ogni caso

  30. Enea scrive:

    Non conosco Zend PHP, ma sono sicuro che tu possa arrivare a prelevare via php il link reale della pagina. Cioe che ti preleva il link dal database mysql, inserendolo nell'attributo href del codice like di Facebook.

  31. SARCHIAP1 scrive:

    Ciao.
    Avrei un desiderio ma vorrei sapere SE e COME sia possibile realizzarlo.
    Ipotizzando una pagina con diverse barzellette o articoli o vignette o video ecc… vorrei "legare" il "Mi piace" non alla pagina intera bensì esattamente a quell'articolo o barzelletta ecc… in maniera che, dopo che l'utente ha cliccato sul bottone e questo appare su FB:
    – riporti la parte di pagina (testo o immagine o video…) a cui si riferisce (e non semplicemente la parte iniziale di quella pagina);
    – cliccandoci su, porti a quella parte di pagina in discorso e non semplicemente al suo inizio.
    Spero di essermi spiegato bene.
    GRAZIE MILLE.

  32. Enea scrive:

    CIao Sarchiap.

    Ti rispondo al volo, senza aver provato. Legare il mi piace a un punto esatto di una pagina è possibile. È questione di HTML però.
    Inserisci prima di ogni barzelletta un tag <a> formattato in questo modo:
    <a id="barzelletta1">

    Nel link della pagina inserisci: http://www.tuosito.com/barzellette.htm#barzelletta1

    In questo modo vai direttamente alla barzelletta desiderata.
    Non ti resta che creare un codice dedicato ad ogni barzelletta, con ognuna un "#barzellettaX" da associarci a fine link. Di modo che ogni link è diverso e ti manda a quella riga nella pagina.
    Per la descrizione mi pare che nella guida ufficiale ci sia anche la possibilità di passare un'attributo di descrizione personalizzato.

    In caso non si potesse, potresti aggirare il problema con il php.
    Facebook preleva la descrizione dal meta tag descriptioin nella sezione <head>. Potresti fare delle variabili a seconda di come è composto l'url.

    Spero di esserti stato d'aiuto.

  33. stefano scrive:

    non funziona

  34. Enea scrive:

    Errori? Sarebbe utile spiegare un po' meglio il problema per provare a risolverlo ;)

  35. SOLE scrive:

    bello articolo, ma non funziona sul mio blog blogspot :((( anzi, funziona ma in inglese… vorrei in italiano

  36. Enea scrive:

    Ciao Sole, ti consiglio di leggere questo articolo, è una guida per chi usa Blogspot http://blogetemplate.blogspot.com/2010/05/come-in

  37. Valentina scrive:

    Ciao,
    complimenti per il tutorial..vorrei avere almeno un decimo del tuo sapere in questo campo..forse mi sentirei meno ignorante..
    Diciamo che non sono una cima in tecnolandia, e ti chiedo scusa fin dall'inizio per il livello della mia domanda.
    Devo, anzi, dovrei, aggiungere il pulsante "Like" ad un sito sviluppato su piattaforma wordpress.
    Il mio problema è a monte: dal momento che mi ritrovo "utente e amministratore" di un sito che non ho sviluppato io, non capisco nemmeno qual è la sezione in cui devo aggiungere il codice che hai segnalato.
    Non so se sono stata abbastanza chiara.

    Grazie.

  38. Enea scrive:

    Ciao Valentina.
    Fortunatamente per chi usa WordPress ci sono i Plugin.
    Vai su questa pagina nella tua sezione wp-admin del sito: http://www.tuosito/wp-admin/plugin-install.php
    Nel campo di ricerca inserisci "Facebook like button".
    Ti dà la lista dei plugin che inseriscono il like sul tuo sito. Scegli il primo o il secondo, sono praticamente uguali. Per installarlo ti basta cliccare su "Installa". Poi navigando tra le impostazioni del tuo blog, potrai impostarlo come meglio ritieni!

    Facci sapere se sei riuscita a installarlo! :)

  39. Mirco scrive:

    Ciao Enea, sai dirmi come posso metter il pulsante MI PIACE ..o diventa fun ..sulla firma della mail ? ovver omi servirebbe un codice html che possa essere copiato/incollato nel template della firma …
    sai aiutarmi ?
    Grazie
    M

  40. Enea scrive:

    Ciao Mirco.
    Purtroppo (e per fortuna), non si possono inserire iframe o javascript nelle firme delle mail. I client di posta li bloccherebbero rilevandoli come tentativo di spam o frode.

    Quello che puoi fare è creare una immagine con un Mi Piace e un counter che aggiorni tu a mano ogni tanto. Puoi inserire un link alla immagine che punti al tuo profilo facebook o pagina che vuoi promuovere.

    Tutto in HTML senza inclusioni di frame.
    Spero di esserti stato utile.

  41. Come aggiungere “Mi Piace” di Facebook con XFBML | Enea Moro scrive:

    […] Questo tutorial nasce dalle domande del suo predecessore: Come inserire “Mi Piace” di Facebook su siti dinamici […]

  42. Enea scrive:

    Eccovi la guida aggiornata. Facebook, con l'avvento di xfbml, ha risolto il problema alla fonte. http://eneamoro.com/facebook/come-aggiungere-mi-p

  43. Snowglobemania scrive:

    Ottima guida! Il codice inserito funziona perfettamente. Credo che andrò subito a leggere l'aggiornamento però.. :)

  44. AnnunciCompro scrive:

    Esattamente quello che cercavo: grazie!

  45. massimo scrive:

    Qualcuno sa come inserire il plugin dei commenti di facebook in una pagina asp dove le pagine sono richiamate tramite un id?
    Questa è la pagina dove deve apparire il box commenti di fb
    http://www.casalmonastero.org/news.asp?id=717
    ma quel 717 cambia ogni volta che inserisco una nuova news?
    Chi mi aiuta?
    E’ una settimana che mi scervello per integrarlo e non ci riesco

    grazie a tutti

  46. Franco scrive:

    Come inserire un link diretto a MIPIACE di una pagina FB sulla pagina FB principale?
    Grazie

Lascia una risposta