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


Añadir el botón de compartir en Facebook en tu web

Vamos a ver cómo añadir el botón de compartir en Facebook en tu página web. Este botón facilita compartir el contenido de una web en la cuenta de Facebook del usuari@.

botón de compartir en FacebookTal y como podéis ver en la imagen superior se pueden apreciar el botón de compartir en Facebook y un contador con el número de gente que ha compartido el contenido de la página web.

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 de compartir en Facebook

Para configurar y obtener el código del botón tenemos que ir a su web oficial. Nos encontraremos con el siguiente formulario:

Configurar el botón de compartir en FacebookOs explico los parámetros que podemos configurar:

  • URL a compartir: Normalmente es la url donde se situa el botón o URL final del contenido.
  • Diseño: Tipo de botón –> box_count (Botón vertical con el contador), buton_count (Botón horizontal con contador), button (Botón normal).
  • Tamaño del botón: small (Pequeño), large (Grande).
  • Iframe móvil: En los móviles se puede mostrar el cuadro de diálogo de compartir mediante un iframe.

Tras configurar el botón de compartir en 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