Facebook Fan Box Wordpress Plugin

Hemos desarrollado un plugin muy sencillo y fácil de utilizar para incluir una caja de Facebook Fan Box en vuestro blog de Wordpress. Estas cajas muestran la última información del muro de una página de Facebook y los seguidores que tiene:

facebook fan box Facebook Fan Box Wordpress Plugin

Lo primero que tendréis que hacer es, como no, crear la página de nuestro blog en Facebook. Para ello vamos a la siguiente dirección y seguimos los pasos necesarios. Una vez finalizado estaremos listos para usar el plugin.

Vamos a necesitar tanto nuestra API Key privada como el ID de la página que hemos creado. Para ello accedemos a esta página y hacemos lo siguiente:

1.- Seleccionamos en la lista la página que deseamos:

facebook fan box 01 Facebook Fan Box Wordpress Plugin

2.- En el texto que aparecerá a continuación recuperamos los datos que nos interesan: el API Key entre comillas en la llamada al FB.init y el ID de la página en el campo profile_id:
facebook fan box 02 Facebook Fan Box Wordpress Plugin
Tras activar el plugin en la administración de Wordpress tenemos dos opciones para mostrar el Fan Box en nuestro blog:

1.- Usando el modo de widget a través del menú de apariencia de Wordpress.

2.- Añadiendo la siguiente llamada la zona de nuestro tema donde queramos que aparezca el Fan Box:

<?php if (function_exists('facebook_fan_box')): ?>
<?php facebook_fan_box('API_KEY', 'PROFILE_ID'); ?>
<?php endif; ?>

Reemplazando los campos obligatorios. Además he añadido una serie de parámetros adiccionales para modificar el Fan Box:

<?php facebook_fan_box('API_KEY', 'PROFILE_ID', 'STREAM', 'CONNECTIONS', 'WIDTH', 'CSS', 'IFRAME', 'HEIGHT', 'LOGO'); ?>

Donde:

  • STREAM: (1) activa o (0) desactiva el listado de últimos eventos (por defecto 1).
  • CONNECTIONS: el número máximo de seguidores que se mostrarán (por defecto 10).
  • WIDTH: el ancho máximo del Fan Box (por defecto 300).
  • CSS: formato alternativo de la caja.
  • IFRAME: (1) activa o (0) desactiva la carga del Fan Box usando un iframe (pro defecto 0).
  • HEIGHT: la altura máxima del widget.
  • LOGO: activa/desactiva la barra con el logo de Facebook.

Por ejemplo, si quieramos mostrar un Fan Box sin eventos (mostrando solo los seguidores de la página), con un máximo de 75 fans visibles, que la caja ocupe 400 pixeles y que use un archivo CSS personal haríamos:

<?php facebook_fan_box('API_KEY', 'PROFILE_ID', 0, 75, 400, 'http://url.es/fanbox.css'); ?>

Descargar Facebook Fan Box…

  • Hola, acabo de instalar el plugin, muy facil y muy útil. Gracias.
    Lo que quería hacer, si es posible, es eliminar no sólo el logo (ya hecho con las opciones), también la portada donde aparece " (nombre pagina) en facebook...hazte fan...". Lo que quiero es mostrar sólo los seguidores (sólo el numero y los avatars), ya que tengo una portada mia de queda mucho mejor en mi blog. No sé si me explico...
  • Hola: eso mediante el plugin no es posible porque no es una opción que permita Facebook.
    Lo único que puedes intentar (si no usas la versión por iframe) es incluir en tu archivo de estilos un CSS para ocultar ese bloque, por ejemplo:
    .fan_box .connect_top {display:none;}
    Y ver si así te lo oculta.
    Saludos.
  • Jorge
    Hola,

    Me gustaría poner el plugin en mi blog, pero no consigo encontrar mi API Key de mi página.

    te dejo el link a la misma por si me puedes ayudar: http://www.facebook.com/pages/Paraiso-Futbol/10...
  • Hola he puesto el plugin en mi página pero no consigo que muestre los comentarios que hacen los admiradores de las entradas, existe la posibilidad, gracias
  • Hola, eso no es posible, de momento no lo permite Facebook.
  • Hi, First of all thanks for this great plug-in. I really like it. Also can I please suggestion a small feature?
    Is it possible to have a Title field on the top of the box? So that I can have a title like "Find us on facebook" on top of that. Because I intend to have a title for each of my widgets so this one without could be a bit inconsistent. Hope this make sense, and looking forward to your response. Cheers.
  • Of course, no problem. It will be avaliable in next version. ;)
  • Glad to hear! Because of the way the CSS and HTML framework around widgets on my site works, we rely on the before_title and after_title arguments to be displayed. For my part, simply outputting those in the current version fixes my issues. Could I beg for a 1.4.2 release that at least includes those, even if you're saving titles for 1.5? Without those, the layout of my page breaks with improper tag opening/closing.
  • that's great thanks.
  • Muchísimas gracias por el plugin, nos resultó muy útil. Lo único que le cambié es lo siguiente: para que en lugar de decir "Become a fan" dijera "Hazte fan", modifiqué la línea:

    '<script src="http://www.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>'

    por

    '<script src="http://www.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA" type="text/javascript"></script>'

    Saludos y gracias!
  • Gracias, lo tendré en cuenta para la próxima versión. ;)
  • coachsarahnovak
    My fan box was working just fine for months until a few days ago. I upgraded to the new version but now I can't get it to show up on my page. Do I need to change something with the set-up? Thanks.

    Sarah
  • coachsarahnovak
    I figured it out. I was using the API key from my Wordpress page instead of the API given in the code from FB when creating the Fan Box. The diagram in step 2 really helped...
  • scottshowers
    I need some instructions that are more detailed and clear.
  • Why do I receive this error when I place the Code (<?php if (function_exists('facebook_fan_box')): ?>
    <?php facebook_fan_box('API_KEY', 'PROFILE_ID'); ?>
    <?php endif; ?>) in any location? The error I receive is:

    Warning: Missing argument 8 for facebook_fan_box(), called in /home1/twoback1/public_html/wp-content/themes/irresistible/custom-home.php on line 93 and defined in /home1/twoback1/public_html/wp-content/plugins/facebook-fan-box/facebook-fan-box.php on line 36
  • It was an issue with height parameter. Solved in version 1.4.1

    Thanks for your help!
  • jmsierra
    Dos pequenos detalles:

    1) Por alguna razon, el widget no aparese dentro de la caja de widget de acuerdo al diseno de mi "theme". La verdad no se porque y no es gran cosa.

    2) En Facebook, me permite decidir si quiero ensenar el logo de Facebook. (logobar="1"). Talves seria bueno anadir esta funcion en la proxima version del plugin.

    Mil gracias por tu labor. Me a servido el plugin.
  • Gracias por tu comentario.

    Lo del posicionamiento del plugin en la caja dependerá del tema que uses en tu blog. Ahí no te puedo ayudar mucho.

    En lo otro, acabo de actualizar el plugin para que permita activar/desactivar la visualización de la barra de Facebook.

    Saludos.
  • Buenas,
    Tengo un blogs bajo wordpress, estoy tratando de de instalar la Facebook box fans y me da un error de comunicación con la página.
    Me podrían orientar cual sería la razón.
    Agradezco me respondan a mi e.mail.
    saludos
  • I'm seeing some problems with the height using different browsers. For example on Chrome, the bottom of the box gets cut off. The default fanbox API doesn't specify a height and allows Facebook to decide the height based on the amount of content (stream, number of connections). It seems like the plugin will default to 550 pixels if nothing is entered. Is it possible to invoke the Facebook API with no height setting if that field is left blank?
blog comments powered by Disqus