Foros del Web » Creando para Internet » Diseño web »

[SOLUCIONADO] Problemas con OpenGraph

Estas en el tema de Problemas con OpenGraph en el foro de Diseño web en Foros del Web. Buen día gente forera. Hace ya bastante tiempo que no vengo por aquí a pedir ayuda de ustedes los expertos . Pues ahora hay algo ...
  #1 (permalink)  
Antiguo 19/06/2013, 10:54
danneg
Invitado
 
Mensajes: n/a
Puntos:
Pregunta Problemas con OpenGraph

Buen día gente forera.
Hace ya bastante tiempo que no vengo por aquí a pedir ayuda de ustedes los expertos.

Pues ahora hay algo que me tiene quebrando la cabeza desde hace un par de noches y es que aún no consigo entender cómo es que funciona OpenGraph de facebook.

Les cuento la situación:

Resulta que estoy desarrollando un proyecto personal, una especie de host "social" para imágenes.

Todo funciona perfectamente, desde el login de facebook hasta el subir imágenes con un drag&drop.

La cuestión acá es que me gustaría que a la hora de subir una imagen, ésta acción se compartiera en facebook de la siguiente manera:



Dónde dijera:
Cita:
Fulanito de tal ha subido una nueva imagen en Piboard
Entiendo que para ésto debo crear un tipo y un objeto dentro de mi aplicación en facebook, tal y como en la siguiente imágen



El problema es que al hacer yo el llamado a esa función (indistintamente si es por HTTP o por el SDK de Javascript) me lanza un error como el siguiente:



Entiendo que no se ha recibido ningún dato.

Para aclarar un poco las cosas, el código que uso es el siguiente

Código Javascript:
Ver original
  1. FB.api(
  2.     'me/picboard:upload',
  3.     'post', {
  4.         object: cdomain + '#/viewer/' + res[2],
  5.         picture: cdomain + res[2] + 'p/' + '?thumb'
  6.     }, function(r) {
  7.         console.log(r);
  8.     });

Dónde objetc le paso un url como http://dannegm.pro/picboard/#/viewer/rapgyAzL
y picture e image les paso un url como http://dannegm.pro/picboard/p/rapgyAzL

Entiendo hasta ahora que el parámetro picture es el que me manda el error y no me recibe ninguna imagen, sin embargo, si intento utilizar un link que no sea una imagen me sucede el siguiente error:



Dándome a entender que necesita un objeto picboar:picture, el problema es que no sé que rayos sea ese objeto.

Si alguien de ustedes ha trabajado con OpenGraph y sepa algo acerca del uso de dichos objetos, agradecería demasiado su ayuda.

Para mas información acerca del código, pueden verlo en github en http://dnn.im/I50iE

De antemano, muchas gracias


Última edición por danneg; 19/06/2013 a las 12:03
  #2 (permalink)  
Antiguo 19/06/2013, 12:05
danneg
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problemas con OpenGraph

Lo he solucionado, al parecer hacen falta una metatags en el ulr destinatario

Código Javascript:
Ver original
  1. <meta property="fb:app_id" content="152670424917089" />
  2. <meta property="og:image" content="https://dannegm.pro/picboard/p/rapgyAzL?thumb" />
  3. <meta property="og:url" content="http://dannegm.pro/picboard/#/viewer/rapgyAzL" />
  4. <meta property="og:type" content="picboard:picture" />

De ahí facebook tomará los datos.
Igualmente he modificado un poco el código para generar los metatags

Etiquetas: facebook
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:09.