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.
We fix things. You rest easy
Let us know what you need, we’ll fix it asap.

Done!

We'll contact you

Oh! Something went wrong

Please, try again



We fix things, you rest easy
We fix websites. You rest easy. Ninjas get the job done. No excuses. No matter the problem, no matter the code, we’re here to help you.


Any doubts? Contact us
by Beto