Insertar botón «Me gusta» de Facebook en tu web

Agregar el botón «Me gusta» de Facebook en cualquier página web es bastante sencillo. El botón contiene una serie de parámetros configurables que podemos cambiar desde el mismo código del iframe o directamente en el generador del botón en facebook en http://developers.facebook.com/docs/reference/plugins/like.

Parámetros del botón «Me gusta»:

• href : Es la dirección a compartir. (ej: https://www.bufa.es/)
• layout : Estilo del botón. Valores: standard o button_count
• show_faces : Muestra el avatar de a quiénes le gusta. Valores: true o false.
• width : Ancho del iframe.
• action : Texto del botón. Valores like o recommend. (Me gusta o Recomendar)
• font : Tipo de fuente a utilizar.
• colorscheme Esquema de colores. Valores: light o dark.
• locale : Idioma

Ejemplo 1 (standard):

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.bufa.es&layout=standard&show_faces=true&width=450&action=like&font=trebuchet+ms&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

Ejemplo 2 (button_count):

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.bufa.es&layout=button_count&show_faces=true&width=450&action=like&font=trebuchet+ms&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

Ejemplo 3 (box_count):

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.bufa.es&layout=box_count&show_faces=true&width=450&action=like&font=trebuchet+ms&colorscheme=light&height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:65px;" allowTransparency="true"></iframe>

—

Para cambiar el idioma del botón «Me gusta» de facebook podemos añadirle la variable «locate» al like.php. Por ejemplo, si queremos que aparezca siempre en Español (‘es_ES’):

<iframe src="http://www.facebook.com/plugins/like.php?locale=es_ES&href=http%3A%2F%2Fwww.bufa.es&layout=standard&show_faces=true&width=450&action=like&font=trebuchet+ms&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>