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

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 dá un error 500 … no os preocupeis. 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… podeis 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 despues 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 desabilita esta opción.

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

Numbers of fans : Específicamos 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 elejir si queremos que al pinchar en el enlace, nos abra una nueva pantalla, o en la misma página.

Text after name : elejimos 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…

8 COMENTARIOS

  1. Hola puedes ayudarme? como consigo la api keys, al crear una aplicacion me crea un api key pero no puedo visualizar las imagenes, el page id no me funciona… en el box me muestra un error

    gracias

  2. Buenos días Carlos,
    para poder ayudarte necesitaría saber más datos acerca de tu servidor donde alojas la web, y tambien saber el error que te muestra el box.
    Cuando puedas describimeme los pasos que has seguido y donde te han empezado a dar problemas y continuamos desde ahí. 🙂

  3. Acabo de hacer pruebas y al pinchar en me gusta me abre perfectamente el conector con Facebook, seguro que tendría en algún momento alguna caida del sistema y por eso no te funcionaba.
    Ahora si lo deseas, ya le puedes dar a me gusta…

    Saludos

  4. Buenas; como explicas arriba, he creado una nueva aplicación, copio la API de la aplicación y lo pego en el módulo joomla. Luego voy a mi muro de facebook y copio la id y la pego en el módulo joomla. AL abrir la páguina me da este error:

    “No se pudo encontrar la página solicitada.
    Puedes que hicieras clic en un enlace caducado o que escribieras mal la dirección. En algunas direcciones web se distingue entre mayúsculas y minúsculas.”

    Eso si, me aparecen los contactos conectados para chatear.

    Espero me puedan ayudar.

  5. Hola igartzi,
    El Id que tienes que pegar en el módulo del fanbox lo obtienes no del link que os tengo puesto, ya que es un ejemplo.
    Tienes que entrar a tu página creada en Facebook y verás una estructura similar a la siguiente:
    http://www.facebook.com/pages/xxxxxxxxxxxxxx/111111111111111?ref=sgm#!/album.php?profile=1&id=11111111111111111

    siendo xxxxxxxxxxxxx tu página creada y los 11111111111111111 el ID a copiar.

    Pruébalo nuevamente, y si sigues con problemas, me avisas y nos ponemos deacuerdo para que hablemos en directo desde la pestaña CONTACTO, que tengo enlazado con el Skype de la WEB.
    Un saludo

  6. Hola, esta muy bueno el tutorial..
    Te queria pedir algo,nose si sera mucho, pero no logro poder bajar el Fanbox, vos podrias subirlo a algun servidor asi lo bajo ¿?
    Te lo agradeceria mucho

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.