Como crear paginas personalizada para tu Facebook

domingo, 29 de abril de 2012

Con todos los cambios que ha tenido Facebook hay algunas cuestiones que no la sabemos, sin embargo las vemos en otras fans page de marcas reconocidas y nos gustaría tenerlas en nuestra pagina de Facebook, pestañas personalizadas para darle estilo profesional a nuestra pagina


Este tutorial nace de un video que explica como hacerlo (en ingles) y que lo puedes ver en este enlace si has tenido algún problema a la hora de crear una pagina personalizada para tu Facebook. Para ver algunos ejemplos de como funcionan estas paginas personalizadas, basta con ingresar a las fans pages de las marcas mas famosas como por ejemplo Nike o Nokia.

Por defecto, las paginas de facebook incluyen fotos, videos, notas, etc. a partir de este tutorial podrás agregar otras pestañas con secciones como twitter, Youtube, Mapas o lo que se te ocurra de manera sencilla y sin demasiado rodeos, dejando tu pagina de Facebook de manera profesional.

Creación de fichas personalizadas (Apps)para las paginas de Facebook

Son como paginas comunes incrustadas dentro de Facebook en forma de Iframe, al ser html puedes poner cualquier cosa, como videos, mp3, carruseles JQuery, Google Calendar y muchas otras cosas más.

Antes de empezar con la creación de las paginas personalizadas para Facebook, debemos encontrar un lugar para alojarlas, donde pondremos nuestros códigos HTML o CSS. Se puede utilizar Google Sites para hospedar las paginas, debido a que es un servicio gratis

Como crear una aplicación de Facebook para sus paginas

Bueno, es hora de para con la teoría y dar manos a la obra para crear nuestra pagina de Facebook personalizada 100%. Recuerda que si te quedas en mitad de camino puedes ver este video que explica como hacerlo y muy intuitivo a pesar de estar en ingles.

Paso 1: Abrir Google Sites y crear un nuevo sitio. Seleccione el tema. En Configuración del sitio, configurar el ancho como el 100% para que el contenido ocupa todo el ancho del lienzo Facebook. También deshabilitar el encabezado y la barra lateral, ya que no son necesarias que aparezcan en nuestra página de Facebook.

Paso 2: Redactar una nueva página en Google Sites, y añadir un poco de contenido a esta página usando el editor integrado WYSIWYG. Si usted es un programador con experiencia / diseñador, cambiar a la vista HTML y agregue el código HTML directamente en su página. Es posible insertar imágenes, mapas, videos, hojas de cálculo, los gadgets, mesas y todo lo demás igual que una página HTML normal.

Paso 3: Abra la página de Facebook Desarrolladores en developers.facebook.com, si esta es su primera aplicación de Facebook, haga clic en "Ir a la App" para añadir la aplicación de desarrollo de su perfil de Facebook. Luego haga clic en el botón que dice "Crear una nueva aplicación" y darle a su aplicación un nombre (se puede omitir el resto de campos).

Paso 4: Ampliar la pestaña "Page" opción de Ajustes básicos y establecer las direcciones URL de "ficha de página HTTP" y "Ficha de página segura HTTPS", el mismo que el URL de la página de su sitio de Google. La ficha URL de su pagina debe apuntar a la versión HTTP de la página de Google Sites, mientras que el URL de la página segura debe utilizar la versión https.

Paso 5: Usted también debe subir una imagen 111×74px en miniatura con su ficha que se mostrará en la cabecera de su página de Facebook. Utilice fuentes más grandes dentro de la imagen para una mejor lectura. Guarde los cambios y la aplicación de Facebook ya está lista.

Paso 6: Ahora tenemos que añadir esta página personalizada de nuestra página de Facebook. Eso es fácil. Copie el identificador de aplicación de la aplicación de Facebook que acaba de crear y sustituir XZY en la siguiente dirección URL con el identificador de aplicación. Abra la dirección URL modificada en su navegador y usted debería ver una opción para añadir la aplicación a sus páginas de Facebook.


https://www.facebook.com/dialog/pagetab?next=http://facebook.com&app_id=XYZ

Eso es todo, puede añadir mas pestañas, modificarlas usando la misma técnica para lograrlo. Si por algún motivo debe modificar alguna de sus pestañas personalizadas de Facebook, solo debe editar sus paginas en Google Sites y eso sería todo.

Por si aun le quedan dudas de como hacerlo, acá le dejamos el video explicativo, recuerda que puedes traducir el subtitulado para entenderlo mejor.

No hay comentarios:

Publicar un comentario