Crear página en Facebook y pone un FanBox en nuestra Web

Este tutorial se basa en que podamos poner un cuadro de los FANS que tenemos de nuestra página de Facebook en la web.

Es algo meramente decorativo, pero me parece interesante enseñaros la manera de como se puede hacer de una forma muy sencilla.

Es una labor algo tediosa, ya que hay que me tocó hacer muchas pruebas, hasta encontrar un método que me gustara más o menos, pero una vez puesto, se convierte en algo automático, y siempre estarás presente en la red social FACEBOOK.

Lo primero que tenemos que hacer es tener una cuenta personal en Facebook, algo que hoy en día es casi impensable que no tengamos..

Ahora vamos al tema.

Estando validados con nuestro usuario, accedemos a esta url http://www.facebook.com/pages/create.php

Marcamos la opción de la izquiera Marca, producto u organización y en el desplegable, seleccionamos “Sitio Web”

abajo ponemos el título de la página que deseamos crear y marcamos la casilla inferior, para certificar que somos dueños o representantes.

Finalmente pulsamos en crear página oficial.

Ahora ya tenemos nuestra página oficial creada, pero tenemos que darle un poco de forma. Editamos la página y ponemos nuestro logo, información de contacto, detalles, en fin, a nuestro gusto…

Ahora vamos al proceso de crear en nuestro sitio web basado en Joomla un FanBox.

Descargamos el módulo de aqui –> http://www.khawaib.co.uk/web-design/facebook-fanbox.html

Es un módulo que posee una parte comercial y otra gratuita, con esta última nos es suficiente si no deseamos muchas florituras…

una vez descargada, la instalamos desde nuestro panel de administración.

Ahora vamos a configurar el módulo…

A la izquierda como bien sabéis habilitamos el módulo y seleccionamos tanto la ubicación, como las páginas donde va a ser mostrado Facebook FanBox.

A la derecha tenemos que cumplimentar una serie de datos importantes.

Vamos por orden.

API KEY : Es necesario que creemos una Aplicación dentro de Facebook para que nos enlacemos desde el módulo de fanbox.

Para ello accedemos a esta web : http://www.facebook.com/developers/createapp.php  (desactualizado)

Ahí tenemos que poner el nombre de la aplicación que deseamos crear ( puede poner el que tu quieras ) y aceptamos los términos.

NOTA : si cuando le dais a ACEPTAR, os da un error 500 … no os preocupéis. Darle en el navegador al botón ATRAS, y pincharle a la opción “DE VUELTA A MIS APLICACIONES”. Veréis como os la creó y en algunos casos, os la habrá creado duplicada… o triplicada… podéis eliminar las que os sobren y dejar una.

Cuando pinchamos en nuestra aplicación creada, copiamos la CLAVE API, y la pegamos en nuestro módulo.

PAGE ID : Este es nuestro ID de página que tenemos en FACEBOOK. Se consigue muy fácil. Vamos al muro de nuestra página y pinchamos en el sitio donde está ubicado nuestro logo. En la dirección de nuestra url aparecerá esto http://www.facebook.com/pages/xxxxxxxxxxxxxx/111111111111111?ref=sgm#!/album.php?profile=1&id=11111111111111111 . Copiamos todos los números que aparezcan después de id= , quedando estos 11111111111111 . Estos los pegamos en donde pone PAGE ID.

Enable Connect Script : Si tienes otro script que use el connect con Facebook deshabilita esta opción.

Include Stream : Si lo habilitas puedes ver las últimas entradas de nuestro muro con sus correspondientes comentarios.

Numbers of fans : Especificamos el número de fans que queremos mostrar en nuestra web.

Ancho y alto : los modificamos acorde a nuestro template

Link to page : Si lo activamos nos muestra el enlace a nuestra página de Facebook

Page Name : Ponemos nuestro nombre de página

Link : ponemos el link a nuestra web de facebook.

Target : podemos elegir si queremos que al pinchar en el enlace, nos abra una nueva pantalla, o en la misma página.

Text after name : elegimos el texto a mostrar después del nombre que hemos puesto en Page Name.

Le damos a guardar, y si todo está bien hecho… veremos en nuestra web el módulo fanbox…