Problema con Integración de Botón Facebook

ZeThito · #1 (**permalink**) 04/10/2011, 16:44

Tengo un problema cuando integro el botón de "me gusta" de facebook en mi página web.

He colocado el meta en mi página web, dentro del head los metatag respectivos.

Código HTML:

Ver original<!-- meta facebook --> 
<meta property="og:title" content="PublicaLibre - Publica tu anuncio gratis.™" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.publicalibre.cl" />
<meta property="og:image" content="http://www.publicalibre.cl/images/logo.png" />
<meta property="og:site_name" content="PublicaLibre.CL" />
<meta property="fb:admins" content="100001514807306" />
<meta property="og:description" content="PublicaLibre.Cl Chile - publicar gratis, publica anuncios clasificados, compra, vende, ofrece, comunidad y directorio de empresas, publica tus avisos clasificados gratis."/>

Y el botón "me gusta" al lado del articulo:

Código PHP:

Ver originalecho "<iframe src=\"//www.facebook.com/plugins/like.php?app_id=267038233322287&amp;href=http://www.publicalibre.cl/anuncio_".$fila[id_publicacion]."_".$titulo.".html&amp;send=false&amp;layout=button_count&amp;width=130&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:130px; height:20px;\" allowTransparency=\"true\"></iframe>";

Todo funciona bien. El articulo aparece en mi cuenta de facebook, pero el problema es que muestra una imagen aleatoria de mi sitio web, tampoco muestra el titulo del articulo.

Asi -->

Primero voy a la página y en un articulo hago click en el botón "me gusta" ->

Luego voy a mi cuenta de facebook para ver como se ve y aparece asi ->

[

No logro aún como hacer para que aparezca la foto y el titulo del articulo visto.

Aquí muestro una página que lo tiene implementado y funciona bien -->

y luego voy a mi facebook y aparece bien.

Saludos :)

tunait · #2 (**permalink**) 05/10/2011, 06:03

Los png los ignora facebook

chichote · #3 (**permalink**) 05/10/2011, 06:13

Cambia tu doctype y html por esto

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="es-ES">

Saludos.

chrishxc · #4 (**permalink**) 20/10/2011, 15:55

Me pasa exactamente lo mismo.
No soy capaz de poner la descripción que quiero del artículo en cuestión. Pero miro ejemplos de otras webs y no tienen nada distinto a lo mío.

Alguna idea más?

chichote · #5 (**permalink**) 24/10/2011, 06:13

chrishxc Revisaste el doctype y html? es la clave para que funcione OG.

slarrauri · #6 (**permalink**) 08/12/2011, 07:48

Recuerda revisar las Meta etiquetas OG que sean las que quieres publicar.

Por otro lado para mostrar el botón te recomiendo usar la opción XFBML ya que la de iframe es muy limitada.

Saludos