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

view sourceprint?

1

php

2	require_once('facebook.php');

3	$facebook = new Facebook(array(

4	'appId' => 'app_id',

5	'secret' => 'secret_key',

6	'cookie' => true,

7

));

8	$result = $facebook->api(array(

9	'method' => 'fql.query',

10	'query' => 'select fan_count from page where page_id = page_id;'

11

));

12	$fb_fans = $result[0]['fan_count'];

13

?>

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:

view sourceprint?

1	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:

view sourceprint?

1	<p>Nos siguen <span class="facebook-fans">php echo $fb_fans; ?>span> amigos en Facebookp>

Y su CSS

view sourceprint?

1

p{

2	color:#fff;

3

}

4	span.facebook-fans {

5	font-size: 24px;

6	vertical-align: middle;

7	padding-left: 5px;

8	color: #1e96db;

9

}

Y ya está , más complicado que el contador de Twitter pero tampoco algo inabarcable ¿no crees?

FUENTE