Enea Moro

Il bottone “mi piace” va molto di moda negli ultimi tempi.

Praticamente ogni blogger furbo lo ha aggiunto al suo blog.

Ieri mi son dovuto confrontare con l’inserimento di questa utile funzione sociale sull’Editoria Sociale ADDalo, sito basato su CMS Pligg.

Questo CMS di suo ha dei moduli a pagamento per fare questa funzione. Non volendo comprare il modulo, ho deciso di smanettare un po’ e crearmi lo script in casa.

Ottieni il bottone Mi Piace da Facebook per sviluppatori

Vai alla pagina Like Button

Qui puoi ottenere un semplice bottone che ti fà un “Mi Piace” su una determinata pagina. La pagina è fissa, puoi mettere il link su cui fare il “Mi Piace” e settare qualche altro parametro.

Per ora lascia lo spazio link vuoto, e fai “Get Code”.

Otterrai 2 codici, tu preleva il primo, che è un iframe.

<iframe src=”http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:80px;” allowTransparency=”true”></iframe>

Ho messo in grassetto la parte di codice che ti interessa modificare.

C’è un link di esempio, avendolo lasciato vuoto nel campo dedicato allo step precedente.

Qui andrai ad aggiungere un semplice codice php che rileva la pagina in cui si è, e ne mostra il link.

Il codice è il seguente:

<?php $url = “http://”.$_SERVER['HTTP_HOST'].$_SERVER['SCRIPT_NAME'];
if (!empty($_SERVER["QUERY_STRING"]))
$url .= “?”.$_SERVER['QUERY_STRING'];
echo $url; ?>

Il bottone su pagina dinamica

Ora che hai iframe e codice php, non ti resta che unirli, e inserirli nel tuo sito.

Il codice che otterrai è il seguente:

<iframe src=”http://www.facebook.com/plugins/like.php?href=
<?php $url = “http://”.$_SERVER['HTTP_HOST'].$_SERVER['SCRIPT_NAME'];
if (!empty($_SERVER["QUERY_STRING"]))
$url .= “?”.$_SERVER['QUERY_STRING'];
echo $url; ?>
&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:80px;”></iframe>

Nota: ho levato l’attributo allowTransparency=”true” dal iframe, perchè non mi rispetta gli standart XHTML, quindi mi dava errore di validazione.

Ora puoi aggiungere il bottone “Mi Piace” anche su quei CMS o su quei siti dinamici e che generano URL in automatico!

Condividi su...