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 Raffaele Candelma ott 23,2013 11:48

    Buongiorno Sig. Varriale,
    sto provando ad inserire il widget di facebook su webdesigner 8 con il seguente codice generato, ma quanto l’incollo sulla pagina mi esce un puntino nero e online non compare niente. Potresti dirmi se c’è qualche errore? grazie mille!

  2. Reply Stefano set 21,2012 19:23

    Salve. Ho visto il tuo articolo, ma non essendo molto pratico di programmazione non sono riuscito a utilizzarlo per il mio problema.

    Ho utilizzato website x5 per creare il mio sito. Contiene un widget per inserire il pulsante like nel sito (equivale a quello generato dal sito di developer di facebook):

    if (x5engine.utils.isOnline()) {
    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = “http://connect.facebook.net/it_IT/all.js#xfbml=1”;
    fjs[removed].insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));
    } else {
    _jq(“#fb-root”).html(‘This widget will be available when your Site is online.’);
    }

    Si apre la finestra per lasciare il commento. Non la vorrei, ma non riesco a eliminarla. Vado avanti, scrivo il commento, clicco si pubblica e si incrementa il contatore del bottone “mi piace”. Ma non arriva nessuna notifica sulla pagina FB !!!

    Cosa strana, se inserisco un altro sito (es. http://www.libero.it) e lascio tutto inalterato, la notifica arriva! Allora dipende dal mio sito? Ma da cosa, se il sito è online e funziona perfettamente?

    Inoltre, se lascio in true anche il bottone “invia” (che non ho ben capito a cosa serve), cliccandolo mi dice che c’è un errore ed il sito è irraggiungibile. Eppure il sito è scritto correttamente nel codice!!!

    Il mio obbiettivo è quello di inserire il solo bottone like con il count accanto (senza box per inserimento commenti ecc..) ed avere la notifica sul profilo fb di chi ha cliccato. Se poi riesco a mettere anche un’immaginetta con descrizione come avviene sul mio profilo se clicco sul tuo “mi piace” , sarebbe il massimo.

    Ho cercato tanto in rete, credimi, ma non ne vengo fuori: metto il bottone, ma nessuna notifica!

    Puoi aiutarmi? Grazie. Stefano.

  3. Reply goffredo set 14,2012 07:33

    ciao, provato tutto ok ma con i frame viene page bianca se apre nuova pagina tutto ok

    come faccio?

    grazie fes

  4. Pingback: Facebook: il Pulsante Condividi e il Pulsante Mi Piace, utilizzo e differenze | Guida Pagine Web

  5. Reply Antonello ago 7,2012 15:28

    Io non capisco come mai inserendo questo codice riportato sopra funziona tutto bene

    mentre se faccio la creazione del codice dal sito di facebook per creare un bottone personalizzato, quando inserisco il tutto non funziona. Come faccio a crearne uno simile a quello riportato sopra che ho appena inserito io per farvi capire ? Scusate ma non sono espertissimo per la realizzazione di procedure web.

  6. Reply chico lug 9,2012 14:58

    Perdonate l’ignoranza, ma dove bisogna copiare il codice per attivare il “mi piace”?
    Grazie

  7. Reply Giancarlo apr 18,2012 11:33

    Ho provato a seguire le indicazioni fornite, ma sul mio sito non compare nessuna scritta “Mi piace”, nessun bottone, niente di niente. Qualcuno può aiutarmi a capire perché? Grazie

  8. Reply fra apr 11,2012 14:46

    Ciao! ho eseguito il tutto e funziona benissimo!
    grazie!!
    Volevo sapere se è possibile mettere anche il pulsante con la richiesta di amicizia
    ciao e grazie

Leave a Reply to Gennaro Varriale Cancel Reply

  

  

  

Login with:
Powered by Sociable!

Per essere informato sui miei contenuti - Email: