0

Hola estoy usando la librería de Angular Socialshare y al momento de compartir en Facebook no se visualiza la imagen, simplemente se ve el texto del contenido de la página este es el código...

<a href="" 
  socialshare 
  socialshare-provider="facebook"  
  socialshare-type="feed"
  socialshare-via="1740491275981023" 
  socialshare-media="http://ip:3001/images/logo.png"
  socialshare-text="Caso Relevante"
  socialshare-caption="PC"
  socialshare-url="http://ip:3001/operador"
  socialshare-quote="720kb Angular-Social-Share"
  socialshare-hashtags="#Saludos"
  socialshare-popup-height="300" 
  socialshare-popup-width="400"                            
  socialshare-trigger="click">
  <img src="../../images/facebooklogo.png" style="max-width: 1.5%" >
</a>

introducir la descripción de la imagen aquí

No se si me falta alguna etiqueta o configuración para que se vea una imagen precargada. o será que accedo mediante ip por lo que no me muestra imagen previa?

2 respuestas 2

2

Versión de Angular SocialShare posterior a Abril de 2017

A partir de Abril de 2017 se eliminó el atributo socialshare-media para indicar la imágen que aparece en el share de Facebook. Si este es tu caso deberías utilizar los metas de OpenGraph para establecer la imagen que se verá en el share. Los metas son etiquetas que se establecen a la página web en cuestión (en tu caso la del enlace del <a>)

Puedes ver el aviso en el README del proyecto en la sección de facebook.

Versión de Angular SocialShare anterior a Abril 2017

Puede que http://ip:3001/images/logo.png fuera tu ip local para desarrollo?

Piensa que la imagen que indiques tiene que ser accesible por facebook, por lo que en entornos de desarrollo si indicas tu ip local o la ip interna del servidor de desarrollo Facebook no puede acceder a la imagen y por lo tanto no la mostrará cuando intentes compartir dicho contenido.

2
  • la ip es publica, de hecho no es de donde estoy desarrollando esta alojada en un servidor en otra ciudad y si pongo esa ruta, si veo la imagen en el navegador. el 8 ago. 2017 a las 21:53
  • En ese caso tu problema seguro es que utilizas una versión de Angular SocialShare moderna en la que quitaron el parámetro socialshare-media. He editado la respuesta con dicha información.
    – NetVicious
    el 9 ago. 2017 a las 6:41
0

Según lo que se debes pasarle la ruta de la imagen completa a facebook por lo cual http://ip:3001/images/logo.png no es valido. debería ser:

<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

aquí te dejo el depurador de facebook para que lo veas en tiempo real: Depurador de contenido compartido Facebook

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.