Front & Back Development

Definir imagen,texto,url manualmente en el botón compartir de facebook

Si no puedes acceder o modificar los metas de las páginas para definir lo que se compartira en facebook con <meta name=”image_src” y meta name=”description”,
puedes intentar esta forma de hacerlo en la que se definen exactamente lo que se compartirá.

En el ejemplo es un link simple, puedes personalizar el botón como quieras para la acción de compartir .

<a href='http://www.facebook.com/sharer.php?s=100&amp;p[title]=TITULO+QUE+QUEREMOS+COMPARTIR&amp;p[url]=URL&amp;p[images][0]=URL_IMAGEN&amp;p[summary]=TEXTO' target="_blank">Botón texto Compartir</a>

 

Sustituye los campos en negrita por las variables o el texto correcto. Utiliza encodeURIComponent() para codificar las urls y textos. De forma que no haya espacios ni carácteres especiales.
Puedes hacer que se abra en un popup, o lo que necesites. Lo imporante es saber que puedes pasarle los datos que quieres que se muestren en facebook al compartir una página, sin tocar los meta tags.

Beto López
"Full stack" web developer focused in maintenance and bug fixing.Wordpress, Prestashop, HTML, CSS, Javascript, Php and Mysql. Also open source collaborator. Linkedin y Twitter.


Leave your email & we'll contact you
Get business from your website, not headaches. Leave your email and we'll contact you

1
Hi! 👋If you have any doubt, click here so we can talk directly on WhatsApp.
Powered by