Botones para compartir contenido de páginas web en redes sociales

Estoy tratando de hacer un botón que me permita poder compartir el contenido de una página web en las redes sociales, pero el problema que tengo es que el script que estoy usando no capta la imagen de la publicación.

Solo toma el titulo de la página y la descripción, pero la imagen principal no.

Alguien podría ayudarme a solucionar esto por favor. A continuación dejo mis códigos para que los puedan revisar.

Saludos y gracias.

<a href="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);window.open('http://twitter.com/\?status='+tit2+'%20'+dir+'');"><i class="fa fa-twitter-square fa-3x  twitter"></i></a>
<a href="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);var dir2= encodeURIComponent(dir);window.open('http://www.facebook.com/share.php?u='+dir2+'&t='+tit2+'');"><i class="fa fa-facebook-square fa-3x facebook"></i></a>
<a href="javascript:window.location.href='https://plus.google.com/share?url='+encodeURIComponent(location);void0;"><i class="fa fa-google-plus-square fa-3x google-plus"></i></a>
<a href="javascript:void(window.open('http://www.linkedin.com/shareArticle?url='+encodeURIComponent(location),'','width=600,height=400,left=50,top=50'));"><i class="fa fa-linkedin-square fa-3x linkedin"></i></a>
</div>

2 respuestas

Respuesta
1

Tienes que los metas siguientes en cada página:

<meta property="og:title" content="Titulo de la página" />
<meta property="og:image" content="Ruta de la imagen (para Facebook y google +)" />
<meta property="og:description" content="Descripción de la página" />
<meta name = "Twitter:image" contenido = "Ruta de la imagen (para twitter)">

Hola que tal.

Mira la verdad es que nunca me vi en la necesidad de agregar estos códigos para compartir, así que vi un "tutorial" para poder hacer esto sin usar los códigos que proporciona facebook, twitter, etc Asique no lo tengo.

Hasta ahora no se hacerlo como me comentas, lo siento.

Hola Jose.

Bueno la verdad es que no me importa mucho si es con el método que tengo yo o con otro. Lo único que me importa es poder hacerlo. Necesito poder compartir en las redes sociales el contenido de una página dinámica, vale decir que el script pueda capturar de forma automática el titulo, la descripción y la imagen.

¿Sabes otro método de como hacer esto?

Saludos y gracias

De momento, solo sé el que te he explicado. Pero en esta semana o para la próxima, tengo que investigar este tema para mi web. Si veo otro método te lo comento.

Respuesta
1

Básicamente tienes que hacer esto pero solo con tus datos url

<a href="http://www.facebook.com/sharer.php?u=http://www.lo-que-deseas-que-compartan/" target="_blank" >
<img src="link-de-imagen/facebook.png" title="Facebook" alt="Share on Facebook" /></a>
<a href="http://twitter.com/share?url=http://www.lo-que-deseas-que-compartan/" target="_blank" >
<img src="link-de-imagen/twitter.png" title="Twitter" alt="Tweet about this on Twitter" /></a>
<a href="https://plus.google.com/share?url=http://www.lo-que-deseas-que-compartan/" target="_blank" >
<img src="link-de-imagen/google.png" title="Google+" alt="Share on Google+" /></a>

Suerte y saludos


Davis Manuel Soriano Flores

Tecnico Informatico

Añade tu respuesta

Haz clic para o
El autor de la pregunta ya no la sigue por lo que es posible que no reciba tu respuesta.

Más respuestas relacionadas