Facebook: Like button/me gusta

Continuando con los post acerca de facebook, veamos como crear esos botones “me gusta” o “I like this” de Facebook que están tan de moda para socializar nuestra web, personalmente me gustan opciones más completas como AddThis pero hay clientes que tienen cierta fijación con ese botoncito azul y hay que darles el gusto.

Este botón puede ser generado en 2 versiones una para HTML dentro de nuestras páginas y otra FBML para aplicaciones Facebook, básicamente se crea un iframe con el botón y muchos estilos no reconocidos por el browser (aún no entiendo para que pero ahi están).

El generador es muy fácil de utilizar lo pueden ver AQUI

Sólo una pequeña sugerencia procura no poner más de un solo botón por página porque podría dar un error de “Parámetro incorrecto…. bla, bla” y otro detalle a tomar en cuenta es que los iframes son un poco duros para actualizarse por esto para probar cambios debes borrar temporales y actualizar varias veces

Facebook: FBML para personalizar nuestra fanpage

Prometo retomar luego los artículos sobre CSS3 sobre todo selectores y transiciones (varias de esas características aún no funcionan en FF o Safari aún).
En un post anterior hablé de las fanpage en Facebook y sus posibilidades como nuevo producto para nuestrso clientes, ahora voy a hablar de una aplicación llamada FBML y que interesantes posibilidades nos brinda.

¿Qué es FBML?

FBML es una aplicación que nos permite mostrar una página HTML personalizada incluyendo imágenes alojadas en un servidor externo, archivos flash, videos de youtube, links a nuestro sitio principal, landing page, etc; todo esto se mostrará en una pestaña adicional de nuestra fanpage que podemos ponerle el título que querramos.

¿Cómo instalo FBML?

Primero nos logeamos en nuestra cuenta de Facebook, damos click a “Aplicaciones” y buscamos FBML, en su página veremos que debajo del avatar hay un link para activarlo y podremos selecionar cualquiera de nuestras fanpage dando click al botón “Add to page” como se muestra en el screenshot.

¿Y ahora cómo lo personalizo?

Primero en nuestro perfil, vamos al link “Ads and pages” y configuramos la página a la que agregamos el FBML, veremos que ha aparecido una nueva opción llamada FBML en la categoría “Applications”, esta tiene opciones de configuración para mostrarse como una caja o como una pestaña(tab), yo prefiero desactiva box y activar tab. En la imagen esta paso por paso lo que he explicado.

Agregando contenido

Una vez configurada nuestra pestaña, ya podemos agregar nuestro código HTML, ojo si usamos CSS este debe ser en linea y no al inicio o intentando usar una hoja de estilos externa (la idea de maquetación es similar a la que se usa para un correo electrónico), luego lo grabamos y si todo esta bien deberiamos ver en nuestra fan page la nueva pestaña con nuestro contenido.

Para agregar imágenes no podemos subirlas directamente a Facebook, para esto las subimos a un servidor externo y las cargamos usando la ruta absoluta

¿Cómo añado flash o videos?

No podemos insertarlos usando javascript o directamente pegando el embed, facebook tiene su propia etiqueta para esto además la película flash no se ejecuta desde el inicio, primero se muestra una imagen y al darle click a esta recién se ejecuta el flash o el video. El código sería como este:

Como vemos en este caso estoy usando una tabla en la que indico el color de fondo, swfsrc nos indica la ubicación del flash (en este caso una pelicula youtube) y finalmente imgsrc nos indica la imagen que se mostrará en vez del flash hasta que le demos click.

Finalmente para los que quieran ver como queda esto, les dejo la direccion de una fanpage que hice como prueba
http://www.facebook.com/pages/Arequipa/Vietnam-Restaurant/313742104162?v=app_4949752878

Facebook: como crear una fan page

Se esta haciendo muy popular esto de la redes sociales, miren que hasta ya le ganó al XXX que tenía una muy sólida ubicación en la web desde sus orígenes

Para empezar facebook tienes tres tipos de página, los perfiles que todos tenemos cuando nos subscribimos, las community pages para crear un club o una asociación por las causas perdidas con foros y cosas así y las fan page que sirven muy bien para poner propaganda de nuestra empresa, links a nuestra página web, publicar ofertas que puedan ser fácilmente compartidas a travez de facebook o incluso mostrar minipost de twitter u otra fuente RSS.

Creando la página

Lo primero es logearse en facebook a nuestra cuenta y veremos una opción “Anuncios y páginas” al darle click aparecerán las páginas que hayamos creado o nos mostrará la opción de crear una nueva página, a su vez nos dará tres subtipos: negocio local, marca/producto y artista o figura pública.

Una vez creada nuestra página ya podremos promocionarla a travéz de anuncios dentro de facebook.

Personalizando

Aqui hay múltiples opciones, yo sugeriría primero configurar el muro allí podemos indicar quienes puedes postear, podemos permitir que suban fotos e incluso podemos indicar que pestaña se va a mostrar cuando entren usuarios no logeados, esta última opción me parece la más interesante ya que podemos hacer aparecer un banner publicitario, un video o cualquier animación flash visible para personas que no sean miembros de facebook, eso usando una aplicación llamada FBML de la que hablaré en otro post.

También podemos añadir eventos y esto podemos ligarlo con la promoción de ofertas así podemos enviar propaganda directamente a nuestros fan (clientes) sin gastar en un servicio de mass mailer.

Y podemos añadir fotos, aquí podemos separarlo en categorías, tal vez una primera categoría con referencia de nuestra ubicación, fotos de la portada y el local y sobre todo crear categorías con fotos de nuestros productos.

En cuanto a colores y apariencia, no son personalizables como en myspace o hi5 sin embargo con un poco de creatividad podemos añadir cosas interesantes, en la foto del perfil podemos subir un banner de 200px de ancho y unos 600 px de altura donde podemos poner nuestro logo, alguna promoción e información de nuestro negocio. Aquí les dejo el screenshot de una fanpage.

Conclusiones

• Es muy sencillo y gratis usar el poder de las redes sociales (en este caso facebook) para promocionar nuestro negocio
• Yo le veo a estas fan page más futuro que a los blogs de empresas ya que concentran la interacción de estos con herramientas de promoción que ningún blog cuenta
• Este tipo de páginas no reemplazan a la página oficial pero la complementan muy bien y generan un nuevo productos que podemos vender a nuestros clientes