Come Inserire il pulsante Mi Piace (like button) su WordPress

Facebook è uno dei siti di social networking più popolari del mondo, con oltre 1 miliardo di utenti attivi e milioni di messaggi che vengono condivisi ogni giorno.

Facebook ha ufficialmente rilasciato il suo pulsante Like che consente agli utenti di condividere rapidamente i contenuti su Facebook per pubblicizzare liberamente la propria azienda, prodotti e/o siti web.

Ogni proprietario di un sito web, ha come obbiettivo quello di avere sempre più visitatori e più traffico.

Integrando questa funzionalità allinterno del nostro sito web WordPress ( che ci mette a disposizione Facebook ), è un ottimo modo per farlo.

Abbiamo 2 possibilità per inserire il pulsante Mi Piace Su WordPress :

• Inserendolo Manualmente allinterno del codice;
• Attraverso lutilizzo di plugin.

Io personalmente, ho inserito il pulsante Mi piace manualmente.

Consiglio anche a voi di scegliere questa soluzione, in quanto molto semplice ed è sempre bene evitare di installare nuovi plugin, se proprio non è necessario, per evitare di appesantire WordPress.

Potete consultare la pagina messa a disposizione da Facebook, per lincorporazione dei codici.

Inserire manualmente il pulsante Mi Piace, alla fine di ogni articolo (post) modificando il file single.php

Inserite il codice sottostante allinterno del file single.php del vostro tema, e dovete inserirlo nella posizione che più trovate adatta alle vostre esigenze. (in teoria dovreste individuare la zona esatta per poterlo mettere alla fine del post )

 <iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;amp;layout=standard&amp;amp;show_faces=false&amp;amp; width=450&amp;amp;action=like&amp;amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px;"> </iframe> 

Volendo, potete utilizzare il metodo XFBML, che è altamente raccomandato se avete necessità di monitorare ed avere informazioni approfondite in merito ai like ed integra il pulsante Condividi.

<div id="fb-root"></div>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22http%3A%2F%2Fconnect.facebook.net%2Fen_US%2Fall.js%23xfbml%3D1%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&amp;lt;script&amp;gt;" title="&amp;lt;script&amp;gt;" /><fb:like href="<?php echo get_permalink(); ?>" show_faces="true" width="450"></fb:like>

Questa operazione potrebbe risultare complicata se non sapete dove mettere mano, quindi se proprio non ci riuscite, passate oltre ed adottate la soluzione successiva ( inserendo il file allinterno del file functions.php del vostro tema ). 🙂

Inserire manualmente il pulsante “mi piace”, alla fine di ogni articolo (post) modificando il file functions.php

Inserite questo codice all’interno del file functions.php. Vi conviene inserirlo alla fine, in questo modo dovrebbe sempre andare tutto liscio.

Mi raccomando però, prima fate sempre un backup per evitare inconvenienti. 😉

function aggiungi_pulsante_like($content = ) {
    global $post;
    if(is_single()){
        $content .= <iframe src="http://www.facebook.com/plugins/like.php?href= . urlencode(get_permalink($post->ID)) .
                    &amp;amp;layout=standard&amp;amp;show_faces=true&amp;amp;width=408&amp;amp;action=like&amp;amp;font=verdana&amp;amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:408px; height:80px"></iframe>;
    }
    return $content;
}
add_filter(the_content, aggiungi_pulsante_like);

Anche qui, potete utilizzare il metodo XFBML.

function aggiungi_pulsante_like($content = ) {
    global $post;
    if(is_single()){
        $content .= <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22http%3A%2F%2Fconnect.facebook.net%2Fit_IT%2Fall.js%23xfbml%3D1%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&amp;lt;script&amp;gt;" title="&amp;lt;script&amp;gt;" /> .
                    <fb:like href=" . get_permalink($post->ID) . " send="true" width="450" show_faces="true"></fb:like>;
    }
    return $content;
}
add_filter(the_content, aggiungi_pulsante_like);

Bene. Se hai seguito la mia guida ora sarai in grado di integrare il pulsante Mi piace di Facebook, all’interno del tuo sito web. 😉