Aggiungiamo il Like Button al nostro sito

di Redazione 1

Facebook pian piano sta tentando di “invadere amichevolmente” tutta la rete, a partire dal suo social network arrivando con novità e grazie a Facebook Connect a tutto il web. Attualmente, il sito sta puntando molto sull’utilizzo dei cosiddetti Social Plugins. Infatti, grazie a questi è possibile aggiungere funzionalità che riportino direttamente al social network dal proprio sito internet, dal proprio blog o semplicemente da un forum.

Il social plugin che andiamo ad analizzare oggi è quello che ci permetterà di andare ad aggiungere il pulsante “Mi piace“, oppure “I like” qualora il sito non sia italiano, in modo tale da segnalare l’articolo ed il sito web direttamente sulla bacheca del proprio profilo di Facebook.
Ci soffermeremo adesso all’inserimento di un I like button semplice, ma parleremo in seguito anche di come elaborare lo spazio per questo pulsante. Come prima cosa andiamo al sito http://developers.facebook.com/docs/reference/plugins/like e facciamo il login a Facebook per far riconoscere le nostre preferenze personali (lingua).


Per prima cosa in “URL to Like” andiamo a scrivere il nostro sito web (nella nostra immagine www.iochatto.com). Poi possiamo scegliere il tipo di Layout, scegliere se mostrare o meno i volti di chi ha fatto Mi piace, e poi passiamo alle dimensioni. Tra le altre personalizzazioni abbiamo il carattere e gli schemi di colorazione.
Una volta personalizzato facciamo click su “Get code“.
Ci verrà proposto un codice del genere:

<iframe src=” http://www.iochatto.com
scrolling=”no” frameborder=”0″
style=”border:none; width:450px; height:80px”>
</iframe>

Come vediamo ci mancano i parametri che noi non abbiamo impostato come “show_faces” per mostrare i volti, “button_count”, che fa visualizzare solo il pulsante senza il numero dei commenti, oppure ancora i dettagli “font” e “colorscheme”.
Una volta ottenuto il codice, possiamo andarlo ad inserire nella nostra pagina web dove meglio si preferisce. Rimandiamo ad un prossimo tutorial l’inserimento in blog ed in piattaforme CMS.

Commenti (1)

Lascia un commento

Il tuo indirizzo email non verrà pubblicato.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>