Come inserire “Mi Piace” di Facebook su siti dinamici
Il 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&layout=standard&show_faces=true&width=450&action=like&font&colorscheme=light&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; ?>
&layout=standard&show_faces=true&width=450&action=like&font&colorscheme=light&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
Il prossimo articolo?
Ricevilo via mail o leggilo tramite Feed RSS
Abbonati!
maggio 16th, 2010 alle 10:17
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…
maggio 16th, 2010 alle 14:26
Segnalo inoltre questo articolo dello Skyblog su come inserire il "Mi Piace" su WordPress.
http://www.skyflash.it/2010/05/come-aggiungere-il…
agosto 30th, 2010 alle 22:31
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
ottobre 4th, 2010 alle 01:22
nn funziona!!!!!!!!!!!!!!!!
ottobre 4th, 2010 alle 05:37
@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.
ottobre 7th, 2010 alle 15:34
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=<?php echo(urlencode("http://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']."%2F&layout=standard&show_faces=true&width=450&action=like&font=arial&colorscheme=light&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
ottobre 12th, 2010 alle 11:23
Lo vedo funzionante, immagino che hai risolto ;)
novembre 11th, 2010 alle 13:20
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! :)
novembre 11th, 2010 alle 15:24
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.
novembre 12th, 2010 alle 00:45
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! :)
novembre 12th, 2010 alle 05:26
Mi pare strano, visto che nei badge delle fan page ne appaiono a iosa di foto. Grazie della segnalazione ;)
novembre 13th, 2010 alle 08:48
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? :)
novembre 13th, 2010 alle 09:19
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
novembre 13th, 2010 alle 09:56
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.
novembre 13th, 2010 alle 13:51
Ma figurati, e un vero piacere ricevere commenti. Arricchiscono l’articolo ;)
novembre 13th, 2010 alle 15:59
Guida molto utile! ;)
novembre 14th, 2010 alle 15:03
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!
dicembre 17th, 2010 alle 14:20
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…
febbraio 9th, 2011 alle 18:57
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?
marzo 29th, 2011 alle 09:18
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
aprile 13th, 2011 alle 10:32
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
aprile 18th, 2011 alle 11:45
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&layout=standard&show_faces=true&width=450&action=like&font=trebuchet+ms&colorscheme=light&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à
aprile 21st, 2011 alle 13:42
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
aprile 23rd, 2011 alle 11:35
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.
aprile 28th, 2011 alle 13:25
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 ;)
luglio 25th, 2011 alle 10:56
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
agosto 13th, 2011 alle 19:32
Ciao, anche io ho il tuo stesso problema, hai risolto ? Grazie!
settembre 25th, 2011 alle 16:21
Ho lo stesso problema! Hai per caso risolto?
ottobre 13th, 2011 alle 12:11
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.
dicembre 21st, 2011 alle 11:54
non funziona
febbraio 1st, 2012 alle 09:47
bello articolo, ma non funziona sul mio blog blogspot :((( anzi, funziona ma in inglese… vorrei in italiano
febbraio 1st, 2012 alle 23:16
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.
febbraio 2nd, 2012 alle 00:12
Ciao Sole, ti consiglio di leggere questo articolo, è una guida per chi usa Blogspot http://blogetemplate.blogspot.com/2010/05/come-in…
febbraio 2nd, 2012 alle 00:17
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! :)
febbraio 2nd, 2012 alle 00:18
Errori? Sarebbe utile spiegare un po' meglio il problema per provare a risolverlo ;)
febbraio 2nd, 2012 alle 00:30
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.
febbraio 2nd, 2012 alle 00:32
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.
febbraio 2nd, 2012 alle 00:36
È 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/
febbraio 4th, 2012 alle 12:14
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
febbraio 4th, 2012 alle 18:46
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.
febbraio 5th, 2012 alle 23:49
[...] Questo tutorial nasce dalle domande del suo predecessore: Come inserire “Mi Piace” di Facebook su siti dinamici [...]
febbraio 6th, 2012 alle 00:05
Eccovi la guida aggiornata. Facebook, con l'avvento di xfbml, ha risolto il problema alla fonte. http://eneamoro.com/facebook/come-aggiungere-mi-p…
marzo 5th, 2012 alle 23:23
Ottima guida! Il codice inserito funziona perfettamente. Credo che andrò subito a leggere l'aggiornamento però.. :)
agosto 16th, 2012 alle 22:28
Esattamente quello che cercavo: grazie!
marzo 28th, 2013 alle 12:02
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