Contador de Fans de Facebook en tu web
Hoy vamos a explicar como añadir un contador de “Fans” de Facebook en vuestra web, de la misma forma que el otro día os contaba como añadir y personalizar el contador de Followers de Twitter.
Esta vez se necesita configurar en Facebook una cuenta de desarrollador y su librería de aplicaciones que, aunque pueda asustar, no resulta tan complicado: es darse de alta en una parte concreta de Facebook obtener unos identificadores y descargarse la librería.
Por partes:
1- Cuenta de “Developer” de Facebook y datos de la aplicación.
Debes acceder a Facebook con tu usuario, visitar Facebook Developers y seguir los pasos necesarios para crear tu cuenta de Desarrollador (si no la tienes ya) y una aplicación nueva (solo es necesario darla de alta) y apuntarte los siguientes datos de dicha aplicación:
- identificación de aplicación
- código secreto de la aplicación
Apúntate también el identificador de la página de Facebook de la que quieres mostrar el número de fans
2 – Consigue el fichero Facebook.php
También se necesita la librería Facebook API PHP SDK que te puedes descargar desde este enlace “facebook.php“. Debes subirla a tu servidor, un buen sitio es la raíz de la plantilla de tu web.
3- Modifica tu plantilla
Debes añadir el siguiente código en tu plantilla, para configurar el acceso a los datos de esa aplicación y el número de Fans de tu página. Yo lo he añadido en el fichero “header.php” tras la apertura de la etiqueta <body>
<?php
require_once('facebook.php');
$facebook = new Facebook(array(
'appId' => 'app_id',
'secret' => 'secret_key',
'cookie' => true,
));
$result = $facebook->api(array(
'method' => 'fql.query',
'query' => 'select fan_count from page where page_id = page_id;'
));
$fb_fans = $result[0]['fan_count'];
?>
Y cambiar app_id, secret_key y page_id por los datos que anotamos en el primer paso.
4- Finalmente, ya solo queda añadir el contador allá donde prefieras enseñarlo
Para hacerlo, inserta el siguiente código:
<?php echo $fb_fans; ?>
donde quieras que aparezca el numerito de nuestros Fans en Facebook. Puedes darle algo de estilo para que se adapte a tu web o blog con algo de CSS y texto delante o detrás. Por ejemplo:
<p>Nos siguen <span class="facebook-fans"><?php echo $fb_fans; ?></span> amigos en Facebook</p>
Y su CSS
p{
color:#fff;
}
span.facebook-fans {
font-size: 24px;
vertical-align: middle;
padding-left: 5px;
color: #1e96db;
}
Y ya está , más complicado que el contador de Twitter pero tampoco algo inabarcable ¿no crees?