WordPress visite 135

Come aggiungere manualmente il Facebook “Like” Button su WordPress

2 min

Per favorire la diffusione virale dei vostri articoli sui Social Network è importante realizzare dei pulsanti di condivisione dei contenuti.

Molti sono i plugin di WordPress che automatizzano la creazione di questi bottoni, ma personalmente preferisco fare tutto alla vecchia maniera, manualmente, realizzando il codice strettamente necessario al funzionamento di questo strumento.

Troppo spesso infatti i plugin aggiungono tanto codice superfluo, codice che in realtà non ci serve affatto, andando ad appesantire notevolmente la nostra pagina, che in tal modo si carica nel browser molto più lentamente. Sappiamo inoltre che i motori di ricerca, Google in particolare, attribuisce sempre più importanta al fattore “velocità del sito”.

like-share

Oggi voglio parlarvi di un semplice script grazie al quale potremo inserire il famosissimo Facebook Like Button nelle pagine del nostro sito realizzato attraverso il CMS WordPress. Lo script permetterà di inserire il pulsante in maniera automatica in ogni pagina del vostro sito.

Andiamo quindi sul sito ufficiale di Facebook Developer nella sezione Like Button ed impostiamo le caratteristiche del nostro bottone, lasciando invariato l’URL to Like. Quando l’anteprima ci soddisfa premiamo su Get Code, impostiamo l’app ID ed andiamo nella scheda iframe. Copiamo il codice. Otterremo qualcosa di simile a questo:

<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp; width&amp; layout=standard&amp; action=like&amp; show_faces=true&amp; share=true&amp; height=80&amp; appId=xxxxxxxxxxxxx" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

A questo punto non dovremo fare altro che modificare l’indirizzo della pagina (quello predefinito che non abbiamo modificato nella fase di creazione del pulsante) con quello della pagina corrente del nostro sito. Come facciamo? Attraverso questo semplice script php:

<?php the_permalink() ?>

Il codice, modificato, vi apparirà come segue:

<iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp; width&amp; layout=standard&amp; action=like&amp; show_faces=true&amp; share=true&amp; height=80&amp; appId=xxxxxxxxxxxxx" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

Posizionate questo script dove volete che appaia il vostro pulsante, ad esempio in single.php in fondo all’articolo del vostro blog.

Niente di più semplice. Non vi resta che vedere il risultato… buona condivisione!

Riproduzione riservata © La riproduzione è concessa solo citando la fonte con link all'articolo. Condividi l'articolo


Articolo a cura di: Del Re Valerio
Dott. in Comunicazione e Pubblicità per le Organizzazioni. Sono l'ideatore del blog Robadagrafici.com e mi occupo di comunicazione visiva, grafica e web, per le aziende.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *



Potrebbe anche interessarti

wordpress

WordPress

Un plugin WordPress per visualizzare temi diversi per dispositivi diversi

1 minIl vostro Cliente vi ha commissionato un sito internet che non sia…

wordpress

WordPress

Personalizzazione pannello di controllo WordPress

1 min Se state realizzando un sito in WordPress per un cliente che…

wordpress

WordPress

Installare e configurare WordPress in locale (sul proprio pc)

4 minQuando si sta imparando ad utilizzare un CMS come WordPress e/o si…