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


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

El botón de enviar por Facebook permite a los usuarios de dicha red compartir mediante mensajes privados contenido de una web.
botón de enviar Facebook

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:

Configuración del botón de enviar por Facebook

El código y documentación del botón lo podemos encontrar en su web oficial. Ahora os explico un poco los parámetros.

El código básico es sencillo, nos encontramos con este formulario:

botón de enviar por FacebookSi queremos obtener el código más sencillo posible solo tenemos que rellenar el campo ‘URL que enviar’ con la URL que queremos compartir.

Obtendremos un código similar a este para poner después de la apertura del tag <body>:

Y este otro para poner donde queramos ubicar el botón de Facebook:

Parámetros adicionales

Tenemos una serie de parámetros adicionales para configurar más a medida nuestro botón de enviar por Facebook.

Estos son:

  • data-colorscheme: Apariencia o tema del botón, valor ‘light’ o ‘dark’.
  • data-kid-direted-site: Si tenemos contenido dirigido a menores de 13 años hay que poner el valor a ‘true’, por el contrario ‘false’ o no poner dicho parámetro.
  • data-href: Etiqueta para detectar el tráfico referido (tracking).

Os pongo un código de ejemplo para que sepáis integrar estos parámetros:

Como podéis apreciar he integrado el parámetro ‘data-colorscheme’ con valor dark. De esta manera se integran facílmente los parámetros adicionales.

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