[SOLUCIONADO] No coincide la imagen del producto al presionar me gusta

xluchex · #1 (**permalink**) 02/12/2013, 11:54

Saludos... Bueno les comento mi problema... tengo una pagina web dinámica en la cual muestro diferentes productos en una pagina de detalle es ahí donde coloque mi botón "me gusta" de facebook, la cual funciona bien me jala en producto su texto pero no así la imagen correcta les dejo una imagen para graficar lo que sucede... la verdad no es lo que pasa, la pagina funciona así:

www.mipagina.com/productoDetalle.php?p=1 (pagina de ejemplo)

donde toda esta cadena productoDetalle.php?p=1 la capturo con

Código PHP:

<?php echo $_SERVER['REQUEST_URI']; ?>

Bueno si alguien tiene alguna solución por favor.. le agradecería, de antemano muchas gracias!

jonni09lo · #2 (**permalink**) 02/12/2013, 12:16

Debes usar unas etiquetas llamadas open graph

Saludos

xluchex · #3 (**permalink**) 02/12/2013, 13:33

Gracias por responder jonni09lo, lo pobre pero no logro sacarlo bien... utilize las etiquetas "meta" pero no me muestra ahora la imagen.... me pregunto si hay que añadir un parámetro mas al botón, el boton "me gusta" lo obtengo en html5, esta bien? o tiene que ser en un frame?... agradezco tu respuesta.

jonni09lo · #4 (**permalink**) 02/12/2013, 13:36

Sería prudente que mostrases que fue lo que hiciste, que etiquetas meta utilizaste y en donde las ubicaste... Segundo prueba depurando la cache de facebook

Saludos

xluchex · #5 (**permalink**) 02/12/2013, 13:47

nuevamente gracias... Las etiquetas que introduje son

Código:

<meta property="og:title" content="Juego de Engranajes Toyota"/>
<meta property="og:description" content="
descripcion del producto"/>
<meta property="og:image" content="http://www.mipagina.com/productos/imgGra/her-30.jpg"/>
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">

todo ello dentro la etiqueta <head></head>

jonni09lo · #6 (**permalink**) 02/12/2013, 13:53

Bueno veo que todo esta bien excepto la imagen (esa imagen solo es de 1px por 1px me imagino que es de prueba). Prueba borrando la cache del navegador y usa el link de mi mensaje anterior para borrar la caché de facebook (debes de hacerlo en cada pagina que te muestre la imagen incorrectamente).

Si tras lo anterior no te funciona añade estas etiquetas:

Código HTML:

Ver original<meta property="og:url" content="url pagina" />
<meta property="og:site_name" content="nombre del sitio" />
<meta property="og:type" content="website" />

Saludos

xluchex · #7 (**permalink**) 02/12/2013, 14:08

Muchas gracias "jonni09lo" era el cache... todo estaba bien, saludos desde Bolivia.

Atte: Luis V