Anónimo
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
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
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.
Estoy en la misma situación que tú ¿Conseguiste dar con la solución? Me sería de gran ayuda si la compartes - Bea Suarez