Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


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

Veamos rápidamente cómo insertar el botón «Me gusta» de Facebook en tu página web. Este botón facilita compartir el contenido de una web en la cuenta de Facebook del usuari@ y se presenta en el registro de actividad del usuario.

botón me gusta Facebook like buttonTal y como podéis ver en la imagen superior se pueden apreciar además el botón de compartir, una foto de un perfil que ha dado «Me gusta» y un texto descriptivo.

Para que el contenido se comparta mejor os recomiendo usar el marcado Open Graph. Otros post interesantes sobre Plugins de Facebook que os pueden interesar son los siguientes:

Configurar el botón «Me gusta» de Facebook

Para configurar y obtener el código del «Like button» tenemos que ir a su web oficial. Nos encontraremos con el siguiente formulario:

botón "Me gusta" de FacebookOs explico los parámetros que podemos configurar:

  • URL que las personas…: Normalmente es la url donde se situa el botón o URL final del contenido.
  • Width: Ancho en píxeles del plugin.
  • Diseño: Tipo de botón –> Standar (Como el de la imagen superior), box_count (Botón vertical con el contador), buton_count (Botón horizontal con contador) y button (Botón).
  • Tipo de acción: Acción del botón –> Like (Me gusta) y recommend (Recomendar).
  • Tamaño del botón: Small (Pequeño), large (Grande).
  • Mostrar caras de amigos: Mostrar las fotos del perfil de la gente que ha indicado que le gusta.
  • Incluir botoón de compartir. Posibilidad de compartir el contenido en el perfil de Facebook.

Tras configurar el botón «Me gusta» de Facebook solo nos quedaría clickar el botón de «Obtener código» y tendremos el código fuente listo para ponerlo en nuestra web.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies