Facebook Like Box

Extreme Grunge Garments by ColajaSeguro que alguna vez te has preguntado cómo se consigue la típica Like Box de Facebook que muestra los fans de una página. Confieso que yo mismo he estado buscando la manera de hacerlo hasta que por fin lo he conseguido. ¿Mi error? Creer que era necesaria una aplicación de Facebook para echar a andar este simpático widget. Con la intención de evitarle a otros la pérdida de tiempo, voy a explicar, paso a paso, cómo se obtiene el código preciso para compartir con el mundo nuestra popularidad.

El plugin Like Box se enmarca dentro de los llamados Social Plugins de Facebook, que permiten potenciar y promocionar nuestra actividad social. Como se puede ver, obtener el código del plugin no es complejo en absoluto, salvo que uno se empeñe en leer Application ID donde claramente dice Facebook Page ID. No sé cuántas aplicaciones he creado hasta que, en un ataque de lucidez, leí lo que realmente está escrito, pero lo cierto es que he aprendido bastante de la API de desarrollo de Facebook.

El identificador de nuestra página se puede conseguir de diversas formas, pero en este enlace proponen un método infalible, que consiste en capturar el enlace del logo de la página, una de cuyas partes es el mencionado identificador.

Una vez generado el código, se puede insertar en cualquier web sin dificultades. En Drupal, la manera natural es crear un bloque y pegar el contenido, guardándolo con un filtro que no elimine etiquetas HTML (como Full HTML).

Como bonus para los usuarios de Drupal, recomiendo probar un módulo creado por bsdixon que sólo requiere un par de parámetros para funcionar.

El resultado se puede ver en la sidebar, justo debajo del stream de Twitter portada del sitio.

URL trackback

http://m.emartos.es/trackback/181

Comentarios

Comparta su opinión

(no se publicará)
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <img>
  • Saltos automáticos de líneas y de párrafos.
  • Las etiquetas HTML serán transformadas para cumplir los estándares.
  • Syntax highlight code surrounded by the {syntaxhighlighter SPEC}...{/syntaxhighlighter} tags, where SPEC is a Syntaxhighlighter options string or "class="OPTIONS" title="the title".
  • Los @nombres tipo Twitter enlazan con sus respectivas cuentas de Twitter.
  • Los #hashtags tipo Twitter enlazan a search.twitter.com.

Más información sobre opciones de formato

To prevent automated spam submissions leave this field empty.