17 julio 2011

Crear pestañas en página de Facebook

Este tema ya se trató en este blog, concretamente en la entrada FBML para páginas de Facebook, pero las últimas actualizaciones de Facebook han hecho que esta entrada y aplicación hayan quedado obsoletas.

Por este motivo, hoy os explicaré cómo crear pestañas para la página de Facebook, pero en esta ocasión utilizando la aplicación Static HTML: iframe tabs.

Lo primero que debemos hacer es acceder a la cuenta de Facebook con la que somos administradores de la página de Facebook a la que queremos incorporar las nuevas pestañas.

Hecho esto, debemos buscar la aplicación Static HTML: iframe tabs o bien hacer clic en el enlace anterior.

Con esto, habremos accedido a la página de la aplicación. Si queremos podemos hacer clic en Me gusta para estar a la última sobre actualizaciones de la aplicación pero no es necesario para poder utilizarla en nuestra página de Facebook.

Para comenzar a utilizar esta aplicación en la página de Facebook, haremos clic en el enlace Añadir de mi página.

Crear pestañas en página de Facebook

A continuación, nos aparecerá una ventana para seleccionar la página a la cual queremos agregar la aplicación.

Crear pestañas en página de Facebook

Una vez agregada la aplicación a nuestra página de Facebook, al acceder a ella comprobaremos que se ha creado una nueva pestaña.

Crear pestañas en página de Facebook

Si hacemos clic sobre ella, nos aparecerá el editor de dicha pestaña al cual podemos incorporar código HTML, CSS, Javascript o incluso FBML.

Crear pestañas en página de Facebook

Además como podemos comprobar en la imagen anterior en el editor tenemos la opción para mostrar diferente contenido a los fans y a los usuarios que aún no lo son.

Una vez agregado el código correspondiente, pulsaremos el botón Guardar y ver pestaña.

Para añadir nuevas pestañas, haremos clic en Preguntas y Centro de Asistencia que aparece en la parte superior del editor.

Crear pestañas en página de Facebook

Y acto seguido en ¿Cómo añado más de una pestaña? con lo que se desplegarán las opciones que podemos ver en la siguiente imagen.

Crear pestañas en página de Facebook

Lo único que debemos hacer es clic en Second tab y clic en Añadir de mi página, con lo que de nuevo se habrá creado una nueva pestaña para seguir incorporando nuevo contenido a la página de Facebook.

Y así sucesivamente para añadir hasta un máximo de doce pestañas que de momento es el límite de la aplicación.

Crear pestañas en página de Facebook

Otro dato importante es el de cambiar el nombre de las pestañas. Para poder hacer esto, tendremos que acceder a la página de configuración de la página de Facebook y hacer clic en Aplicaciones.

Finalmente, haremos clic en Editar configuración de la pestaña a la cual queremos cambiar el nombre.

Con esto nos aparecerá una ventana en la que tendremos que escribir el nuevo nombre de la pestaña y para terminar pulsaremos el botón Guardar y el botón Aceptar para cerrar dicha ventana.

Crear pestañas en página de Facebook

Crear pestañas en página de Facebook

14 comentarios:

JRio dijo...

Jose, buena información, nos guste o no, las redes sociales son vitales para dar a conocer nuestros blogs.

Saludos.

José M dijo...

Gracias JRio :-)

Polo dijo...

Muy buena entrada!

José M dijo...

Gracias Polo :-)

Anónimo dijo...

muy buena info!!!
Alguien sabe como cambiar el icono?
Gracias.

José M dijo...

Hola Anónimo

para poner el icono en la pestaña tienes que crear una aplicación en Facebook.

Anónimo dijo...

muy bueno este blog pero pues no sale el icono de pestaña nueva sin la aplicacion da lo mizmo

José M dijo...

Gracias Anónimo, esta aplicación sirve para crear pestañas, si lo que quieres es cambiar el icono de la pestaña tendrás que crear una aplicación de Facebook, un saludo :-)

Dryken dijo...

Tienes un blog muy interesante, es un placer ver todo el esfuerzo que le has dedicado.

Quizas te guste el mio
www.muytranquilo.es/

Saludos ;)

José M dijo...

Le he dedicado ... y le dedico jeje ... gracias Dryken

longboard dijo...

Hola muchas gracias por la info fue de gran utilidad!! seria interesante saber como cambiar el icono de la pestaña.

José M dijo...

Hola longboard

me alegro que te haya servido.

Sobre el icono de la pestaña, como ya comenté anteriormente, o bien utilizas una de las aplicaciones que ya hay creadas o bien la creas tú mismo.

Un saludo :-)

Cecilia Fernández dijo...

Estimado José, reciénd escubro tu blog y me resulta de mucho interés.

Ya he creado una landing page en Facebook con static html iframe, pero quisiera cambiarle el ícono de la estrella por el logo de la empresa donde trabajo. Ví que para ello hay que crear una aplicación de Facebook. Lo he intentado y no me doy mucho cuenta como hacerlo. La verdad soy un poco torpe para estos temas... Tienes algún tutorial preparado? (no lo vi en tu blog)

José M García dijo...

Gracias Cecilia por tu comentario.

Sobre tu pregunta, es cierto, que para cambiar el icono debes crear o utilizar alguna de las aplicaciones que hay.

Dado que para poder crear una aplicación hay que verificar la cuenta por medio de la introducción del móvil, cosa que no estoy dispuesto a dar a Facebook, no es algo que pueda probar para poder crear una entrada en el blog.

Así que si encuentro algo por la web relacionado con el tema lo pondré en esta entrada.

Gracias de nuevo, un saludo :-)