boton me gusta facebook Open Graph Tags como integrar

charlescuellar · #1 (**permalink**) 24/01/2012, 08:11

hola amigos estoy tratando de implementar el boton me gusta de facebook con el open graph tags pero no se como se deba hacer correctamente
alguien que me de la mano en esto
gracias

Middrel · #2 (**permalink**) 25/01/2012, 10:18

Debes poner en tu inicio de página lo siguiente:

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es" xmlns:fb="http://ogp.me/ns/fb#">

y posteriormente esto:

Código HTML:

<meta property="og:title" content="" />
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:site_name" content="" />
<meta property="fb:admins" content="" />
<meta property="og:image" content="" />
<meta property="og:descripcion" content="" />

En la propiedad "content" de cada una debes colocar el valor que corresponda, por ejemplo si tienes una tienda de productos:

Código HTML:

<meta property="og:title" content="Nombre o título del producto" />
<meta property="og:type" content="product" />
<meta property="og:url" content="La dirección de la página donde se muestra" />
<meta property="og:image" content="La dirección de la imagen correspondiente a ese producto" />
<meta property="og:site_name" content="El nombre de tu sitio" />
<meta property="fb:admins" content="" />
<meta property="og:descripcion" content="Una descripción del artículo" />

y posteriormente, donde colocas el botón de "Me gusta" de facebook:

Código HTML:

<div> 
	<fb:like send="false" layout="button_count" width="450" show_faces="false"></fb:like>
</div>

Yo uso el div para acomodarlo :) Los valores que trae son:

send: Si quieres que aparezca el botón de enviar (true o false)
show_faces: para que aparezcan las caritas de los que se registraron (true o false)

Espero te sirva, saludos ;)

charlescuellar · #3 (**permalink**) 26/01/2012, 15:31

excelente amigo muchas gracias por tu información me ha servido muchísimo