Aggiungere “Mi piace” (Like button) di Facebook sul proprio sito 197





Facebook permette grazie a delle nuove funzioni di aumentare la visibilità del proprio sito(i  Social plugins) . Da poche ore , infatti ha aggiunto la possibilità di inserire il pulsante “i like” (mi piace), che permette agli utenti di sengnalare l’articolo/sito in automatico sulla propria bacheca facebook .
Utilizzarlo è molto semplice, in quanto vi è la possibilità di utilizzare le  nuove api  “Graph”.

Infatti basta copiare il seguente codice:

Vi sono numerose opzioni per personalizzarlo incluso nome e foto di profilo degli utenti a cui piace l’articolo
show_faces=”true”  : permette di aggiungere le foto degli utenti
layout=”button_count” : utilizza soltanto il pulsante senza scritta
action=”recommend” : utilizza il verbo raccomanda invece di “mi piace”
font=”arial” : il font da utlizzare (arial,lucida grande,tahoma,verdana)
colorscheme=”light” : schema del colore (light o dark)

Per generare il codice  automaticamente , è possibile farlo tramite la pagina per generare il codice  plugin Like

Se si vuole amministrare una pagina “fantasma” collegata all’articolo/post bisogna inserire i corretti tag OG (opengraph) nella pagina es:

in questo modo a fianco al pulsante “Mi piaci” comparirà il link Amministra Pagina e si potrà tra le altre cose vedere la lista dei “likers”

UPDATE :
per creae un pulsante in maniera rapida facebook ha semplificto le cose.
1. andare in modifica pagina
2. selezionare la voce “Marketing”
3. Cliccare “Ottieni un badge”
4. selezionare “badge ‘Mi piace'”
5. copiare ed incollare il codice che compare nel box

Collegarsi al link
http://developers.facebook.com/docs/reference/plugins/like/
compilare i campi necessari e cliccare su ‘get Code’

Seguimi su twitter : @ironico

197 thoughts on “Aggiungere “Mi piace” (Like button) di Facebook sul proprio sito

  1. Reply Marika giu 7,2011 10:30

    Scusa Gennaro, io ho creato un pulsante Mi piace personalizzato da mettere nel FBML per cliccare Mi piace. So che si può mettere un collegamento in un immagine, in modo che cliccando su di essa si apre una certa pagina, io vorrei fare in modo che cliccando sul pulsante Mi piace che ho creato, si metta Mi piace.
    Non so se mi hai capito, perché non riesco a spiegarlo, comunque come faccio a trovare l’url del tasto Mi piace? :)

    • Reply Gennaro Varriale giu 7,2011 13:13

      mi spiace, ma non ho capito…
      L’url del mi piace è il link della pagina che deve ‘piacere’.
      Se intendi qualcosa di diverso, ovvero poter cliccare direttamente su un’immagine per avere il ‘mi piace’ non puoi farlo (almeno legalmente).
      Per farlo devi sempre caricare l’iframe come indicato nell’articolo (o senza iframe, ma con javascripte e xfbml)

      • Reply fausto giu 7,2011 22:07

        Ciao Gennaro,
        ho provato a seguire le risposte su questa pagina ma non sono riuscito a capire come fare
        vorrei inserire sul mio sito il tasto mi piace di facebook ho provato a copiare il codice da te indicato
        ma nn funziona
        Per esempio vorrei inserirlo in home page
        come devo fare per inserire il codice?
        Grazie
        Fausto

  2. Reply Chiara Tappì Poli giu 2,2011 14:47

    Ciao Gennaro, innazitutto complimenti per l’articolo che è molto chiaro. Io ho un problema con il like box: Ho scaricato il codice da facebook e l’ho messo sul html del mio sito il problema è che mi taglia le facce nonostante abbia messo faces=true forse perché mi imposta l’altezza a 62 pixel quando di default dovrebbe essere almeno 63(di larghezza ho messo 300).
    E’ un problema del codice? o dipende dal fatto che il mio sito non è ancora on-line ma in fase di progettazione?

  3. Reply Alessandro mag 29,2011 10:46

    come faccio a utilizzare le opzioni tipo:
    show_faces=”true” e tutte le altre !?

    …un esempio please ..

    Saluti
    A.Z

    • Reply Gennaro Varriale mag 30,2011 07:49

      utilizzando la versione iframe come indicato in questo articolo :
      < iframe src="http://www.facebook.com/plugins/like.php?href=http://www.gennarovarriale.it&show_faces=true" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px" >
      < /iframe >
      ovvero devi inserirli come parametri nell’url (&param=value)

  4. Reply Orsogiona mag 27,2011 11:26

    Complimenti per l’articolo! Ho provato sul mio sito e funziona benessimo!
    Dovrei chiedere un’altra cosa, forse questa però non è la sede adatta. In molte pagine web (anche in questa) ho visto il pulsante seguimi su facebook che poi apre appunto la pagina su fb. Ho fatto vari tentativi ma a me dice sempre che la pagina di arrivo è inesistente. Puoi aiutarmi? Grazie

  5. Reply Patty Capricciosa mag 26,2011 18:53

    ciao, c’è niente da fare, nel sito che sto provando di fare nn funziona … grazie comunque!

    • Reply Gennaro Varriale mag 27,2011 14:27

      c’è qualcosa che non va sicuramente.
      prova a controllare bene, magari crea una pagina nuova molto semplice ed inserisci solo il like.Impara bene il suo utilizzo, poi lo metti in pratica sul tuo sito

  6. Reply Roberto mag 15,2011 12:37

    C’è un modo per avere il tasto solo con scritto “Mi piace” e senza nessun altro testo?

    • Reply Gennaro Varriale mag 16,2011 14:32

      Puoi usare la versione senza testo ma con numero like.
      Se usi iframe aggiungi layout=button_count se usi tag fbml aggiungi il parametro layout=”button_count”

  7. Reply Patty Capricciosa mag 12,2011 23:36

    ciao, scusa sono ignorante, ho copiato il primo cod, funziona quase benissimo xche non mostra la immagine principali, ma una che ho già pure eliminato del sito … come potrei fare, aiutami :/ ??? Grazie

    • Reply Gennaro Varriale mag 13,2011 08:16

      devi inserire anche il secondo codice..è quello che fornisce a facebook le informazioni per identificare la pagina, tra cui la foto.

      • Reply Patty Capricciosa mag 13,2011 10:26

        ho inserito sotto il cod che già funzionava e ora nn funziona più :(

        • Reply Gennaro Varriale mag 13,2011 13:45

          I tag meta vanno messi all’inizio della pagina all’interno dei tag head, ed inoltre ricordati di personalizzare i valori in content

          • Reply Patty Capricciosa mag 13,2011 14:36

            scusa ancora, capisco che ti sto rompendo, sto adiritura pensando di fare un corse x fare pagine web, ma nn so nemmeno come si chiame il corso ahahaha pensavo fosse web desingr, ma mi hanno già detto che questo è solo grafica allora nn so nemmeno cosa dovrei cercare … comunque, dove trovo i tag og:type, fb:admins (sarebbe il url del profilo?).
            ti spiego sto faccendo il sito del mio ragazzo, ma fino adesso le mie conoscenze erano blog che è multo più simplice, è già tutto + – fatto …. Grazieee :D

  8. Reply Patty mag 12,2011 23:01

    ciao sono andata a http://developers.facebook.com/docs/reference/plugins/like/# ma nn mi fai fare xche nn sono un svilupatore, scusa sono dura e nn capisco molto il linguaggio … mi potreste aiutare di più? :D

  9. Reply Lou mag 10,2011 16:56

    Ciao scusa ti chiedere dove andasse copiato il codice che mi da facebook sotto il badge.
    grazie

  10. Reply STEP mag 7,2011 13:49

    Ciao, sei riuscito a capire se sia possibile da amministratori vedere a chi piace la tua pagina??

    In quanto, non riesco a vedere nulla… tra l’altro, sul sito piace a 14 persone ma nell’amministrazione, a sinistra vedo: PIACE a 1 persona, che sarei io!

    E’ tutto normale??????? grazie :)

  11. Reply Antonino mag 6,2011 15:37

    Ciao Gennaro, io vorrei creare una photogallery con un pulsante Like che punta alla singola foto. Secondo te è possibile farlo e come? O è necessario che le foto siano inserite in pagine diverse?
    Grazie mille in anticipo

  12. Reply Antonio mag 5,2011 15:34

    Ciao Gennaro, complimenti per la semplicità della guida.
    Ancora devo inserire il codice ma volevo chiederti se è possibile rendere la “pagina fantasma” dove poter visualizzare chi ha cliccato ecc ecc accessibile solo dall’amministratore.
    Non credo sia una buona idea renderla visibile ed accessibile a tutti.
    grazie in anticipo.

    • Reply Gennaro Varriale mag 6,2011 08:49

      la pagina di amministrazione legata all’articolo/sito è visibile solo all’amministratore (per questo è detta ‘fantasma’..) gli altri vedranno la pagina normale del tuo sito.

  13. Reply Federico mag 4,2011 19:33

    Ciao Gennaro,
    io sono riuscito a mettere il bottone mi piace sul mio sito, ma sulla bacheca di fb poi mi mette un immagine rappresentativa a caso presa dalla pagina del mio sito. Come faccio a dirgli nel codice quale immagine usare come rappresentativa che comparirà sulla bacheca di fb??
    Grazie e buon lavoro!

  14. Reply Mira Pi apr 27,2011 10:32

    Ciao, ho messo sul mio sito il pulsante “Mi Piace”, fin qui tutto ok. C’è un modo per rendere cliccabile “a altri…piace questo elemento” così da vedere non solo i primi due nomi visibili ai quali piace il sito?

    • Reply Gennaro Varriale apr 27,2011 15:18

      Non puoi farlo. Se inserisci nei metatag OG il tuo account (fb:admins tags), ti appariranno 2 links Amministra Pagina e Statistiche.
      Nella prima potrai vedere la lista utenti,

      • Reply Gu apr 28,2011 20:35

        Scusa Gennaro, potresti meglio specificare cosa bisogna fare? Io vorrei vedere quali persone hanno cliccato sul pulsante like del mio sito (wordpress)
        Grazie!

        • Reply Gennaro Varriale apr 29,2011 14:58

          come dicevo a Mira, bisogna che facebook capisca che tu sia l’amministratore della pagina. Per farlo inserisci il tag fb:admins (rileggi l’articolo).
          Se tutto va a buon fine, al fianco della scritta “A XXX e altri XX piace questo elemento” compariranno due link : Amministra Pagina e Statistiche.
          Se clicchi sul primo, vedrai la pagina facebook relativa alla tua pagina web e potrai vedere tra le altre cose la lista di utenti.

          Update : per la cronaca fino a qualche settimana fa era cosi, ora ho notato che non mi mostra la lista degli amici, quindi non so se è temporaneo o definitivo (per esempio su questo articolo). Appena ne sò di più aggiornerò l’articolo.

  15. Reply imagination apr 26,2011 19:01

    scusami ho usato il codice ma su face invece di comparire una previsualizzazione del sito mi spuntatno una serie di codici…perchè…

  16. Reply imagination apr 26,2011 19:00

    cioa ho inserito il codice ma perchè su face spuntano tutti questi codici invece dell foto

  17. Pingback: Inserire il pulsante Invia di facebook (send) in una pagina | Gennaro Varriale

  18. Reply Peppe apr 24,2011 12:54

    Ciao Gennaro,

    anch’io chiedo il tuo aiuto :) Ogni volta che si clicca mi piace su un articolo del proprio sito, Facebook sceglie (probabilmente random) un immagine da fare apparire nella bacheca della persona che ha cliccato mi piace. Sai dirmi se e’ possibile dire a Facebook (tramite codice del pulsante mi piace) quale immagine far apparire nella bacheca?

    Grazie mille e complimenti.

    • Reply Gennaro Varriale apr 24,2011 14:21

      Devi inserirei corretti meta OG come spiegato nell’articolo. Tramite questi, dai la possibilità a FB di indentificare correttamente la tua pagina. Nel tuo caso è il tag og:image “< meta property="og:image" content="UN IMMAGINE CHE IDENTIFICA IL TUO SITO O PAGINA"/ >”
      Se non lo inserisci, facebook prende la prima immagine valida presente nella pagina

  19. Reply Guido apr 18,2011 17:05

    Ciao Gennaro, ti vorrei chiedere un aiuto se puoi darmelo. In pratica sto appena iniziando a fare i siti in flash e perdonami l’ignoranza ma come faccio ad aggiungere il pulsante mi piace su un sito in flash? ho bisogno di action script? o qualcosa di simile?
    Grazie mille

    • Reply Gennaro Varriale apr 18,2011 17:49

      E’ da molto che non uso le api flash per facebook, quindi non so se sia possibile. La soluzione alternativa è progettare la pagina in modo che il like sia all’esterno, oppure se proprio all’interno, lo puoi posizionare tramite css sopra il player flash.

    • Reply Guido apr 18,2011 18:20

      Grazie mille Gennaro, ma secondo te, da dove posso impostarlo? cioè se voglio metterlo sopra il movie clip con il css come faccio a capire esattamente dove posizionarlo?!?

      • Reply Gennaro Varriale apr 19,2011 10:47

        La scritta “Sono qui!” sarà a 80 px dall’alto e 120 dalla sinistra del flash.
        Se il flash si visualizza a partire da 0,0 px.

  20. Reply Alessandro apr 18,2011 16:12

    Ciao Gennaro ti vorrei chiedere una mano, io nella mia pagina del mio sito ho inserito questo codice :
    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/OROLOGIO-SOFTECH-J477B.aspx non è raggiungibile. Cosa devo aggiungere al codice per renderla raggiungibile e che su facebook crei il link con relativa foto e descrizione.

    Grazie mille

  21. Reply elisa apr 16,2011 01:40

    Ciao Gennaro, trovo molto interessanti le tue istruzioni,ma ho un problema leggermente diverso: come faccio ad inserire il like button in automatico alle mie e-mail?

    Grazie.
    Elisa

  22. Reply flavio apr 8,2011 16:15

    UPDATE :
    per creae un pulsante in maniera rapida facebook ha semplificto le cose.
    1. andare in modifica pagina
    2. selezionare la voce “Marketing”
    3. Cliccare “Ottieni un badge”
    4. selezionare “badge ‘Mi piace’”
    5. copiare ed incollare il codice che compare nel box

    ma una volta avuto il codice dove lo devo incollare all interno della pagina facebook

  23. Reply Gianni apr 3,2011 03:50

    Non mi ha copiato il codice comunque e il primo grazie

  24. Reply Gianni apr 3,2011 03:49

    Ciao Gennaro complimenti bellissima guida.
    Vorrei chiederti un aiuto volevo utilizzare il tuo codice sottostante.
    Come posso fare a levare la scritta
    “Di’che ti piace questo elemento prima di tutti i tuoi amici.”

    io vorrei mettere una scritta simile “clicca se ti piace il sito”

    grazie ciao

  25. Reply armando mar 26,2011 20:29

    ciao gennaro, grazie per l’articolo.

    creo il tasto facilmente ma ho un problema:
    quando clicco su “mi piace” su facebook viene generato l’avviso che a me piace quel link (mio sito) e viene associato di fianco il logo di shinystat (serivizion che utilizzavo come contatore).
    Due domande:
    1) come faccio ad eliminare il logo shinystat? considera che ho rimosso il codice da tutte le pagine del sito
    2) come faccio ad associare il logo del sito?

    Grazie!
    ciao
    armando

  26. Reply Luigi Maddaloni mar 25,2011 16:07

    Cia Gennaro,
    Grazie per il prezioso contributo. Ti volevo chiedere se era possibile personalizzare anche la descrizione del sito che appare sul link di facebook.

    Grazie!

    • Reply Gennaro Varriale mar 26,2011 14:05

      Si, tramite il tag og:description : meta property=”og:description”

      • Reply Luigi Maddaloni mar 30,2011 11:06

        Ciao gennaro,
        ho provato a personalizzare tutti i tag come mi hai detto in questo modo:

        purtroppo però sia l’immagine che la descrizione restano invariate.
        Il mio sito è sviluppato con Prestashop, può darsi che ci sia un conflitto e bisogna creare un modulo apposito?
        Grazie anticipatamente.

  27. Reply Ricetta da cucina mar 23,2011 22:54

    Grazie per l’articolo ;)

  28. Reply raffaele mar 23,2011 10:52

    Ho combinato con il tuo aiuo “Per generare il codice automaticamente , è possibile farlo tramite la pagina per generare il codice plugin Like”
    grazie caio raffaele

  29. Reply raffaele mar 23,2011 09:21

    Salve Gennaro,
    veramente complimenti per gli aiuti che ci dai.

    Tasto mi piace inserito con il tuo codice html:

    Volevo chiederti come togliere le foto degli utenti e lasciare solo il numero degli utenti a cui piace il sito.

    Grazie Mille Saluti Raffaele

    • Reply Gennaro Varriale mar 24,2011 17:45

      ciao, per togliere gli utenti devi aggiungere l’opzione show_faces=”false”

      es :
      src=’http://www.facebook.com/plugins/likebox.php?href=&show_faces=false’

  30. Reply Welbis Pestana mar 22,2011 21:40

    Ciao Gennaro,
    Complimenti per il tuo sito!!!
    Vorrei farti una domanda.
    Sono riuscito a mettere il button “Mi Piace” sul mio sito, però succede che il conteggio non viene segnalato. Sa dirmi perchè?

    (WPestana )

    Grazie
    WPestana

Leave a Reply to Gennaro Varriale Cancel Reply

  

  

  

Per essere informato sui miei contenuti - Email: