Configurar Facebook Sharer (para compartir un sitio en Facebook)

4 Mar

Facebook tiene una funcionalidad llamada “Sharer” que sirve para que mediante un botón o link genérico, puedas compartir mediante tu muro un sitio cualquiera, inclusive si ese botón no está en el sitio mismo (por ejemplo, puede estar el link en la barra de herramientas del navegador y compartirlo aunque ese sitio en particular no haya planeado difundirse mediante esta plataforma).

Para que un sitio se vea bien en el Sharer

Para aprovechar bien las capacidades del Sharer (y ya de paso, de los buscadores y demás) es importante tener bien puestos los metas en el sitio. Aquí pongo un ejemplo de los tags que facebook tomará en cuenta para postear en el muro:

<meta name=”title” content=”El título del sitio, como queremos que aparezca ” />
<meta name=”description” content=”Una breve descripción, como de unos 100 caracteres más o menos ” />
<link rel=”image_src” href=”http://example.com/images/thumbnail.jpg” / >

Si utilizas el image_src puedes asignar un thumbnail que esté fuera de tu sitio incluso. Pero si no incluyes este tag y el sitio tiene imágenes, todas las imágenes serán mostradas como posibles thumbnails (de ahí el “Showing 1 of 12″). Aparentemente, parece ser que no hay manera de definir imágenes que sí queremos que salgan y otras que no en caso de querer mostrar varias (el image_src sólo funciona para una), así que hay páginas que suelen poner el sharer dirigido a otra página sólo con esas imágenes que te redirija a la página real (si alguien encuentra otra forma, compártala :P ).

Aparte, existe la etiqueta de medio para especificar:

<meta name=”medium” content=”el_medio_que_usaremos” />
Se vale usar: “audio”, “image”, “video”, “news”, “blog” and “mult”.

Para compartir el sitio

El Sharer puede llamarse de forma muy sencilla mediante el siguiente link (cambiando los parámetros por los del sitio a compartir):
http://www.facebook.com/sharer.php?u=<dirección que compartir>&t=<título del contenido>

Para pegar en un html el botón de facebook el código es:

<a name=”fb_share” type=”button_count” href=”http://www.facebook.com/sharer.php”>Compartir</a><script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script>

Por último, para incluir el Sharer en una aplicación FBML de facebook (y aquí algo más interesante, se puede cambiar el contenido de los metas desde el botón):

<fb:share-button> <meta name=”title” content=”[ TITLE ]” /> <meta name=”description” content=”[ DESCRIPTION ]” /> <link rel=”image_src” href=”[ IMAGE URL ]” /> <link rel=”target_url” href=”[ LINK URL ]” /> </fb:share-button>

*Nota importante: El Facebook tiene una forma de guardar caché muy especial, así que hay que tener mucho cuidado en que los metas estén bien cuando se suba, en caso contrario se puede cachear la descripción, la imagen o el título mal y quedarse así por mucho tiempo…

One Response to “Configurar Facebook Sharer (para compartir un sitio en Facebook)”

  1. Carlos 04. Mar, 2010 at 6:06 pm #

    Que lastima que el sharer no tiene un parametro que se llame: “content” en el que puedes llenar el textarea vacio!!! que aparece en el sharer y que nos obliga a usar la TORTUOSA api de facebook (pero no por menos interesante). :(

Leave a Reply