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

GeneralTutorialesCrear 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

Crear una página en Facebook

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…

Joomla Administración

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…

Sergio Ambrosio
Sergio Ambrosiohttps://www.sergioambrosio.com
Consultor IT, Community Manager, Administrador de sistemas, Blogger y en ocasiones... Youtuber.

RedesBinarias en YouTube

MI ÚLTIMO PODCAST

Otros artículos

Haz que tus lectores reaccionen artículos o productos con WP Reactions

Hace tiempo que pensaba que la web le faltaba un toque de interacción con los usuarios, más allá de los comentarios y descubrí la posibilidad de ofrecer a los lectores la manera de expresar sus sentimientos ante una determinada noticia o artículo de una forma muy elegante gracias a WP reactions.

Me lio la manta a la cabeza… y cambio el nombre al blog

Hola a todos, hace tiempo que una idea rondaba mi cabeza, el nombre del blog no terminaba de convencerme, un blog tecnológico que comenzó...

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.

Publicidad

Mis Redes sociales:

1,104FansMe gusta
0SeguidoresSeguir
330SeguidoresSeguir
3,480SuscriptoresSuscribirte

Artículos relacionados

Publicidad

Últimos artículos

A pocas horas del evento más importante del año de Apple

¿Cuándo? El mayor evento anual en el cual Apple presentará sus nuevos productos se celebra mañana miércoles día 7 de septiembre de 2022 a las...

Las actualizaciones para los AirPods serán visibles

En iOS16 se espera que las actualizaciones de firmware de los AirPods sean anunciadas y podamos así actualizarlos manualmente.

iOS 16 Beta 5 muestra el porcentaje de batería en la barra de estado

Apple ha liberado la quinta versión de iOS16, incluyendo como principal novedad la posibilidad de visualizar el porcentaje de batería. La versión que ha sido...
Publicidad