Come inserire il tasto “mi piace” di Facebook nei siti in WordPress

come inserire Facebook tasto mi piace

Ieri Facebook ha introdotto la possibilità di portare il suo famosissimo tasto “mi piace” all’interno di qualunque sito. Questo ci permette con un click di far sapere all’autore il nostro gradimento e allo stesso tempo di renderlo noto ai nostri amici, la notifica infatti verrà visualizzata sulla nostra bacheca. Basterà essere già loggati sul social network.

Facebook sta permettendo a chi ha un sito web, di renderlo sempre più sociale grazie al successo del suo Facebook Developers, ovvero, l’insieme di strumenti e API (Application Programming Interface) che il team di Facebook ha messo a disposizione degli sviluppatori per integrare nei siti web le tecnologie del famoso social network. Da questi strumenti sono stati creati i Social Plugins, che altro non sono che porzioni di codice che permettono di integrare componenti social nei propri siti. Splesh! ne utilizza soprattutto due, entrambi nella sidebar: il contatore dei fan delle nostre pagine e da ieri anche il tasto “mi piace” che permette di farci sapere quanto vi gradisce l’articolo che state leggendo.

Grazie alla pagina dedicata, basta inserire alcuni campi da personalizzare come ad esempio l’url della pagina, la dimensione del box o lo schema di colori, per ricevere il codice da inserire nel proprio sito. Inserirlo all’interno di WordPress richiede alcune piccole modifiche, sempre se vogliate riferire il tasto alla singola pagina visualizzata e non al vostro sito. Infatti il codice che Facebook ci mette a disposizione è relativo ad un solo URL, quello che gli abbiamo passato per ottenere lo script, mentre io avevo bisogno di un URL per ogni articolo. Per fare questo, sono bastate poche righe di codice PHP.

Prima di tutto, aggiungi questa funzione al file functions.php:


<?php
function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
 $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
 $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}
?>

Questa funzione restiuisce l’url dell’attuale pagina che stiamo visitando. Richiamandola nel codice ottenuto da Facebook, sostituendolo all’url, sarà possibile personalizzare il tasto mi piace adattandolo ad ogni articolo o pagina che visualizzeremo. Io ho inserito il codice all’interno del file single.php che è relativo alla presentazione di ogni singolo articolo, ma la stessa cosa vale benissimo anche per il file page.php qualora il vostro obiettivo fosse quello di pubblicare il bottone nelle pagine.

<?php
 echo curPageURL();
?>

Fatto! Ora il vostro bottone “mi piace” sarà relativo alla pagina in cui viene caricato e i vostri visitatori potranno premerlo per condividere su Facebook il loro gradimento.

fold-left fold-right
L'autore
Dopo un'esperienza pluriennale nel mondo del web design, lavoro oggi nel settore di sviluppo software d'interfaccia uomo/macchina per una società di elettronica internazionale. Potete seguirmi su Twitter o mandarmi una email
  • http://www.tiragraffi.it bastet

    io ci sono riuscita inserendo semplicemente, nel codice di FB dopo “href=” il codice WP

  • http://digitalart.splesh.net/?fbconnect_action=myhome&userid=2 Stefano De Prophetis

    Ciao! Che tipo di codice WP? Io prima di fare questa modifica ho cercato (invano) una funzione di WP che permettesse di ottenere l’url della pagina visualizzata…

  • http://nickycalo.blogspot.com nickycino

    Esiste qualcosa per Blogger e per WordPress.com ?

  • http://digitalart.splesh.net/?fbconnect_action=myhome&userid=2 Stefano De Prophetis

    @Nickycino
    ho trovato un paio di tutorial in inglese su come inserire il pulsante su blogger ma non posso testarlo, non ho un blog li. Eccoti i link comunque:
    http://www.socialblogr.com/2010/04/how-to-add-facebook-like-button-to.html
    http://www.instantfundas.com/2010/04/how-to-add-facebook-like-button-to.html
    @Bastet
    Hai ragione! Esisteva questa funzione php_the_permalink() per ottenere il codice! L’ho scoperta solo adesso, troppo tardi… -.-’

  • http://www.facebookexpressions.it/ vincenzo

    Ciao, esiste anche un plugin per wordpress, ulteriori dettagli li potete trovare qui

    http://www.facebookexpressions.it/facebook-mi-piace-wordpress-blogger.html

  • http://www.bloghissimo.com Mattia

    Ottimo articolo!! ;) Grazie mille.

  • http://digitalart.splesh.net/?fbconnect_action=myhome&userid=2 Stefano De Prophetis

    @Vinvenzo
    Grazie della segnalazione :) Personalmente per queste piccole modifiche preferisco mettere mano al codice, così come è stato per l’inserimento del javascript “Lazy load”. Si poteva fare tramite plugin, ma lavorando a mano le prestazioni erano migliori e si ha più padronanza. Quando si tratta di funzioni più evolute il discorso cambia ;)

    @Mattia
    Grazie a te! ^^

  • http://www.evilripper.net evilripper

    @Stefano De Prophetis
    Una soluzione per implementarlo con wp dinamicamente è questa post–>urlencode(get_permalink($post->ID) modificando il valore delll’url nel codice che ti da fb
    http://developers.facebook.com/docs/reference/plugins/like
    avevo scritto poco tempo fa su sta cosa:

    http://www.evilripper.net/2010/04/27/come-inserire-il-bottone-di-facebook-mi-piace-nel-blog/

    ciao

  • http://digitalart.splesh.net/?fbconnect_action=myhome&userid=2 Stefano De Prophetis

    @evilripper
    Ottima soluzione! Come dicevo nei precedenti commenti, la mia non è sicuramente LA soluzione :) ne è solo una. Il problema è ottenere l’url della pagina visualizzata dinamicamente e per farlo ci sono sicuramente diversi modi. Poi come fai notare anche tu, si tratta solo di sostituirlo al codice di Facebook :)

  • Pingback: Notizie dai blog su Facebook, arriva il tasto “Mi Piace” sui commenti