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 chiara mar 21,2011 17:32

    ciao ho inserito il pulsantino mi piace e qui tutto ok;
    quando clicco mi piace, vorrei che su facebook apparisse la foto dell’articolo in questione, e non un immagine a caso del sito.
    spero di essermi spiegata.
    grazie
    ciao

    • Reply Gennaro Varriale mar 22,2011 10:54

      Devi stare attenta al tag og:image è quella l’immagine associata al tuo link.
      Quindi devi impostare nel campo content l’immagine che vuoi.

      meta property=”og:image” content=”UN IMMAGINE CHE IDENTIFICA IL TUO SITO O PAGINA”/

  2. Reply paola mar 18,2011 02:07

    Ciao Gennaro perdonami la domanda,ma nn sono molto ferrata…ho aperto una pagina su facebook,vorrei aggiungere il tasto ” mi piace”.Seguendo le istruzioni di facebook mi rimanda a 1 pag in inglese dove ci sono le impostazioni x il “like box”.Cosa devo fare ora?come faccio a far apparire il tasto sulla mia pagina?grazie x la disponibilità!

    • Reply Gennaro Varriale mar 18,2011 13:09

      Ciao Paola,
      per caricare il pulsante mi piace sul tuo sito facebook, ha reso la cosa più semplice.
      Segui questi passo
      1. vai in modifica pagina
      2. seleziona “Marketing”
      3. Clicca “Ottieni un badge”
      4. seleziona “badge ‘Mi piace'”
      5. copia ed incolla il testo che compare

  3. Reply Ezio mar 14,2011 23:07

    Ho installato uno dei tanti plugin per il like button. Funzionava tutto perfettamente e riuscivo ad amministrare anche le pagine quando improvvisamente temo di aver cancellato alcune impostazioni nella privacy del mio account facebook e ora il plugin funziona ma non mi permette di amministrare le pagine cioè il plugin produce in automatico il corretto codice Open Graph (ho testato il mio url su http://developers.facebook.com/tools/lint) e se clicco su “mi piace” mi aggiunge ai fan ma non compare “amministra pagina” e infatti se vado nel mio account facebook trova che non sono amministratore di nessuna pagina… Un aiutino?

  4. Reply Andrea S'è Perso mar 3,2011 20:06

    Ciao Gennaro, complimenti per il tuo sito.
    Ti espongo il mio problema.
    Sul mio blog, oltre il mi piace collegato alla mia pagina su facebook, ho inserito il form mi piace per ogni post. Ora, ho un problema con l’anteprima. In pratica, ogni mio post prevede una foto e questa infatti appare se la posto manualmente su facebook, mentre se qualcuno clicca sul tasto “mi piace” (sempre del singolo post) gli si crea un post sul profilo ma con l’anteprima sbagliata…(icone di dashboard…netvibes…newsgator ecc)….
    come posso fare in modo che mi esca la giusta anteprima?
    grazie

  5. Reply Simona feb 10,2011 19:30

    Ciao, ho creato il codice html x inserire il tasto “mi piac” sul sito ma non ho capito come e dove inserirlo.
    Mi può aiutare? Grazie

  6. Reply Paolo Mangoni gen 31,2011 18:20

    ciao ho messo il pulsante mi piace, ma come faccio per vedere a c chi piace?
    se ne vedono solo due nomi su 17…su facebook se clicco sul 17 si vedrebbero tutti i nomi ma qui è impossibile.

  7. Reply Stucco gen 4,2011 10:45

    Ciao Gennaro, ho provato a farlo nel mio sito (guarda questa pagina qui: http://www.vstucco.it/foto/5/calcetto-da-bimbi.html) ma non mi esce il pulsante amministra la tua pagina.

    Dove ho sbagliato?

    Vincenzo

  8. Reply TNEPD dic 31,2010 11:27

    Ciao,

    per quanto riguarda l’integrazione del modulo commenti FaceBook in un Blog,
    se puo’ essere d’aiuto, questo e’ quello che e’ successo a me:

    http://tnepd.blogspot.com/2010/12/il-post-giusto-per-tutto.html

  9. Reply adriano dic 15,2010 17:23

    Ho messo sul mio sito web il MI PIACE usando il codice che da il sito di facebook. Funziona perfettamente con firefox, ma NON funziona con explorer. Potete aiutarmi? Grazie

  10. Reply Marco nov 16,2010 13:52

    Ciao, premetto che il tuo articolo l’ho trovato molto interessante, volevo chiedere una cosa che non mi pare sia stata segnalata.
    Ho messo il bottone mi piace, ma funziona SOLO se la persona che naviga col browser è loggata su facebook, altrimenti il box è vuoto e dice che il servizio non è disponibile. Ho dimenticato di mettere qualcosa??

  11. Reply Andrea baccolini nov 9,2010 14:28

    Ciao, ho inserito il pulsante “mi piace” di facebook nel mio sito ma in IE8 mi fa lo sfondo bianco. In vari siti ho letto che bastava mettere sul tag “body” il comando: “onload=”javascript:document.getElementById(‘piace’).allowTransparency = true;” ma funziona su tutto tranne che su ie8, sai come posso risolvere? Grazie

  12. Reply loredana sergi ott 26,2010 17:36

    come faccio per evitare di inserire ad ogni pagina che mi piace il codice di protezione?

  13. Reply roberto ott 14,2010 16:54

    salve,
    ho inserito il pulsante “mi piace” sulla mia home page, mi dice anche a quante persone piace la pagine ma come faccio a sapere chi sono?

    grazie

    • Reply Gennaro Varriale ott 26,2010 18:44

      Per poter gestire vedere la lista delle persone a cui piace le tue pagine, devi inserire nell’html della tua pagina il corretto codice Open Graph

      in questo modo a fianco al pulsante “Mi piaci” comparirà il link Amministra Pagina e potrai tra le altre cose vedere la lista delle persone.

      • Reply catia nov 17,2010 11:28

        Gennaio ciao,
        abbi pazienza, le tue spiegazioni sono chairissime ma le mie conoscenze sono davvero limitate. Ho inserito il pulsante “mi piace”, nei miei post (anche le foto di profili). Ma leggo solo i nomi di una, al massimo due delle persone che hanno cliccato, di tutti gli altri solo il numero e sono sicurissima che quasi tutti sono miei contatti di facebook.
        E’ chiaro che nel blog non possano essere visualizzati tutti i nomi, ma c’è un modo per sapere chi sono? (come nelle bacheche di facebook, dove basta passare cliccare sul numero dell epersone a cui piace e te li visualizza tutti).

        Qui hai scritto che per poter gestire e vedere la lista delle persone a cui piace devi inserire nell’html della tua pagina il corretto codice Open Graph, è la rispsota a questa mia domanda?
        E se lo è, dove devo inserire il codice? Quali parti del codice che hai indicato devo copiare?
        grazie mille
        ciao

        • Reply Gennaro Varriale nov 18,2010 13:41

          ciao catia,
          quelli che vedi vicino al like sono solo i tuoi amici. Ogni utente vedrà i propri amici che hanno cliccato sul like della pagina.
          Inoltre, tu che sei amministratore della pagina, vedrai un link “Amministra Pagina”, dove una volta cliccato troverai la pagina “fantasma” di facebook di quel post.
          In questa pagina potrai, vedere tutti i likers.
          Se non vedi il link, devi insere i corretti OG tag (sono quei 5 meta che trovi in alto, ovviamente da personalizzare).

          Importante: non è retroattivo ;) Se qualcuno ha cliccato su like prima che tu mettessi i tag OG, non verrà creata la pagina “fantasma”

  14. Reply Andystar ott 2,2010 20:44

    Ciao! ho trovato interessantissimo questo articolo! volevo sapere se fosse possibile cambiare il colore del font (ho provato nel modo tradizionale ma poi la scritta rimane nera).
    E’ poi anche possibile inserire in un file SWF progetto di flash un qualche codice o solo in html?
    Grazie
    Andrea

    • Reply Gennaro Varriale ott 3,2010 09:37

      Non è possibile cambiare il colore del font e nemmeno inserirolo in flash.
      Puoi farlo settando wmode a trasparent e creando un div in sovraimpressione contenente il codice del like.

  15. Reply Emy set 6,2010 22:05

    Grazie, davvero utile e molto chiaro questo articolo.
    Ma volevo chiedere, è possibile inserire automaticamente il codice io ogni sezione del sito? Il mio è un fan club, non so se cambia qualcosa. Sono riuscita a inserirlo in ogni pagina in cui ho provato. Ma vorrei sapere se è possibile farlo automaticamente io ogni sezione. Grazie

    • Reply Gennaro Varriale set 7,2010 08:47

      Ciao Emy,
      puoi farlo, ma devi trovare il corretto punto per inserirlo, e far si che nell’attributo “url” venga inserito l’indirizzo della sezione.

  16. Reply carlo set 6,2010 06:56

    ho provato ad inserire il codice ma non trova la pagina. Sto usando front page 2003

    grazie

  17. Reply Paolo ago 29,2010 23:51

    Ciao Gennaro, ho provato il tab mi piace, ma in traduzione non è preciso.
    Non credo si possa modificarlo, o hai dei consigli?
    Come sicurezza che ne pensi?
    saluti Paolo

  18. Reply Sabrina ago 23,2010 17:02

    Ciao Gennaro, è due giorni che faccio delle prove per inserire i pulsanti “mi piace” e il “badge” di fb …e ci sono anche riuscita (miracolo)…però sono una vera principiante e vado per tentativi spippolando fino a che non trovo soluzione e ci sono cose che proprio non capisco. Da oggi se mi collego a facebook e vado nella barra di ricerca digitando il nome del dell’associazione L’Arca appare la pagina facebook dell’Arca Ass. Amici Cani Randagi ma anche il link del sito, sempre dell’Arca che sto facendo!…come se fosse una pagina di facebook! non so come ho fatto a mettercerlo ma soprattutto non so come toglierlo… non è finito e non volevo che amici su fb ecc..ci accedessero adesso…allora ho pubblicato solo l’homepage, senza bottoni e senza badge riferiti a FB, con scritto “cooming soon”, ma avrei preferito poter far sparire il link al sito dalla barra di ricerca! come si fa?
    E’ successo perchè ho creato un badge della pagina L’Arca associandolo al sito che sto facendo?

    Grazie per qualsiasi dritta…
    Sabrina

    • Reply Gennaro Varriale ago 23,2010 23:46

      Ciao Sabrina,
      sei sicura che i tuoi amici possano vederlo?
      probabilmente è solo nel tuo “profilo” facebook, dato che FB memorizza le informazioni relativi alle tue pagine/siti.
      Per verificarlo, vedi il tuo profilo come se fossi un tuo amico.
      Per farlo fai in questo modo:
      1) vai su Account->impostazioni sulla privacy,
      2) clicca sul link Visualizza le impostazioni
      3) Clicca sul pulsante in alto “Antreprima del mio profilo”
      4) quindi inserisci un nome di un tuo amico per “guardare l’anteprima di come il tuo profilo viene visualizzato da una persona specifica”

      • Reply sabrina ago 24,2010 08:35

        ciao! ho fatto digitare ad un amico iscritto a fb “l’arca associazione” in ricerca e anche lui fra i risultati riceve sia la pagina dell’Arca con il logo, sia il link al sito dell’associazione, che al posto del logo ha un quadrato grigio, credo quindi che chiunque degli iscritti abbia lo stesso risultato.Il mio amico non è neanche un “fan” della pagina dell’Arca…
        Io sono amministratore della pagina dell’Arca Associazione amici cani randagi, che non è una pagina personale e poi ho il mio profilo, ho fatto quanto mi hai descritto ma guardando l’anteprima del mio profilo come lo vedrebbe un amico non ho indicazioni per il mio problema.

        Sul web ho trovato questo e credo descriva cosa è accaduto:
        “Cliccando sul Mi Piace (ed essendo loggati o loggandosi a Facebook) sarà possibile tramite le Open Graph fare in modo che il sito venga riconosciuto nei risultati delle proprie ricerche su Facebook esattamente come amici o pagine di cui si è diventati Fan.
        Ovviamente non esisterà una pagina dedicata, ma Facebook reindirizzerà direttamente al mio sito. Questo è possibile grazie all’inserimento nella (intestazione del proprio sito) di alcune Proprietà Open Graph …ecc…”

        Infatti avevo inserito il bottone “mi piace” nella home del sito e per fare una prova l’ho cliccato mentre ero loggata a fb…perciò devo aver dato il via a questo Open Graph…solo che, facendo la ricerca, mi aspettavo di trovare il sito solo io che ho cliccato “mi piace” e non anche gli altri! boh…

        Come faccio a rompere questa connessione fra il sito e fb? non che mi dispiaccia ma voglio essere io a decidere se il sito deve essere “dentro” FB…non trovo scritto da nessuna parte come si fa!

        Scusa la lunghezza del post ma queste cose non riesco a sintetizzarle…
        grazie
        sabrina

        • Reply Gennaro Varriale ago 30,2010 08:42

          Se esiste, suppongo l’unico modo di interrompere la connessione è quella di eliminare l’apps relativa (ne fai un’altra, con altri valori di apikey e secret)

  19. Reply giuseppe trovato ago 7,2010 01:27

    come faccio ada ggiungere il tasto mi piace ad un gruppo che ho creato io in facebook ?? e’ possibile ? mi puoi scrivere i passaggi in maniera molto semplice .. grazie per l’ aiuto ciao giuseppe

  20. Reply mirco ago 6,2010 23:10

    non mi funziona non mi esce il bottone mi piace ho rinominato il tuo il sito in … e non mi funziona dove devo incollarlo nella barra degli inderizzi ?

  21. Pingback: Inserire i commenti facebook sul proprio sito (comment box) « Gennaro Varriale »

  22. Reply Marco ago 2,2010 10:18

    scusate ma dopo aver copiato liframe dove bisognia incollarlo? grazie

  23. Reply Antimo lug 21,2010 11:54

    Grazie mille!!! dove posso trovare anche come si fanno altre applicazioni?

  24. Reply Ekto lug 2,2010 11:37

    Salve, ho un problema, su facebook ho una pagina creata in relazione al mio blog ma quando tento di mettere il bottone “like” su questa pagina proprio non ci riesco. Mi rimanda sempre alla pagina base di facebook, quella personale per capirci e mai alla pagina creata appositamente per parlare del blog. C’è un modo per rimediare a tale problema?

    Specifico che il blog si trova su Blogger, grazie. :)

  25. Reply giuseppe giu 1,2010 02:51

    Salve,
    ho inserito il codice generato dalla pagina da lei linkata di facebook,
    solo ke andando a provare cliccando sul tasto mi da errore e quindi nn registra il mi piace inviando il link su facebook, in poche parole visualizzo il tasto ma cliccando non funziona anche accedendo correttamente a fb, questo mi succede anche cliccando sul tasto mi piace da lei inserito in questa pagina

    può aiutarmi? la ringrazio

    mi aggiungo alla richiesta della guida sull’aggiunta dei commenti

    la ringrazio

    • Reply Gennaro Varriale giu 3,2010 08:34

      Sembra strano, il codice funziona. Forse è capitato un periodo in cui FB ha dei problemi, o se persiste è un problema del suo browser/pc.
      Mi manda il link del sito, le farò sapere se funziona.

  26. Reply viking viserbella mag 18,2010 22:51

    Sono riuscito al primo colpo.
    Grazie
    ps:
    consigli di metterlo solo sulla Home o anche nelle pagine interne?
    e questo pulsante si puo collegare ad un gruppo favebook?
    ancora grazie

  27. Reply After Dinner mag 18,2010 22:48

    Inserito come tu mi hai isegnato e perfettamente funzionante.

    Grazie

  28. Reply Meldon apr 26,2010 18:32

    Ciao Gennaro,

    articolo chiaro… ho solo un dubbio (dovuto al fatto che io e l’html abbiamo litigato tempo addietro)… vorrei sapere se nel mio sito web posso inserire il tasto “mi piace” per ogni singolo post/articolo e se sì vorrei sapere dove inserire il codice html che facebook mi ha già generato per non dovere ogni volta trascrivere l’url dell’articolo… (non so se ti è chiaro il mio problema… :D)..

  29. Reply andrea apr 25,2010 19:24

    Grazie Gennaro,

    spiegazione chiarissima e ora questo bottone è presente sul sito che ho pubblicato. Se accetti richieste… mi piacerebbe inserire anche i commenti.

    Grazie ancora

    Andrea

Leave a Reply to Gennaro Varriale Cancel Reply

  

  

  

Per essere informato sui miei contenuti - Email: