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





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’

 

197 pensieri su “Aggiungere “Mi piace” (Like button) di Facebook sul proprio sito - -oldpost-

  1. 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? :)

    1. 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)

      1. 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. 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. come faccio a utilizzare le opzioni tipo:
    show_faces=”true” e tutte le altre !?

    …un esempio please ..

    Saluti
    A.Z

    1. 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. 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

    1. 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

  5. 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

          1. 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

  6. 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 :)

  7. 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

  8. 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.

  9. 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!

      1. ma devo per forza inserire tutti gli OG tag o basta quello dell’immagine? Lo aggiungo dopo gli altri meta name nella head??
        Grazie ancora. Ciao!

  10. 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?

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

        1. 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.

  11. 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.

    1. 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

  12. 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

    1. 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.

    2. 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?!?

      1. 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.

  13. 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

  14. 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

  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

  16. 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

  17. 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

      1. 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.

  18. 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

  19. 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

  20. 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

Rispondi a raffaele Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *