Gabriel Cuesta Arza

Son muchos los usuarios que sólo quieren utilizar Facebook para mantenerse en contacto con familiares y amigos. Para ellos todas las invitaciones y publicaciones sobre la actividad de las aplicaciones no son más que una forma de spam. Para evitar a estos usuarios esta molestia Facebook tiene habilitada un sistema para desconectar el sistema de aplicaciones del usuario de tal manera que los mensajes de las aplicaciones y las invitaciones dejan de molestarlo, de hecho para las aplicaciones de Facebook es como si ese usuario ya no existiera.

Hemos creado un videotutorial para explicaros paso a paso como desconectar las aplicaciones de Facebook.

Espero que os sirva de provecho

Todos conocemos a Cruz Verde en España, es una empresa que fabrica productos para el hogar cuyos productos estrella se encargan de librarnos de los mosquitos y de las cucarachas.

Bien, pues han decidido desembarcar en Facebook lanzando una divertida aplicación con formato de concurso en Facebook cuyo premio es de ¡¡¡1000 euros!!! La pena es que el concurso termina mañana A ver si me entero antes del próximo.

La mecánica de Bloominators consiste en que debes ir “matando” una serie de mosquitos que van apareciendo en el muro de los participantes, para ello esta aplicación solicita una serie de permisos de acceso a tu muro y al de tus amigos, y de acceso offline a tus datos que pueden espantar a más de un usuario. La idea que han tenido los desarrolladores es muy buena, pero tiene su precio

Cómo estoy de vacaciones y me llegó la información del concurso hace dos días no he podido jugarlo aún -me acabo de dar de alta- pero tiene muy buena pinta. Voy a ver si consigo que se apunten algunos amigos para buscar unos mosquitos

Podéis jugar a Bloominators haciendo click en este enlace

Hoy lo ha anunciado Mark Zuckerberg, 500 millones de usuarios, ahí es nada

Para celebrar esta cifra Facebook ha lanzado una aplicación llamada Facebook Stories para que todos contemos nuestras experiencias más gratificantes gracias a esta red social.

En Facebook anuncian que quieren hacer del mundo un sitio más abierto y conectado, en Faceblog no lo dudamos, aunque los últimos escándalos sobre la privacidad y la venta de datos no parecen ir en ese sentido.

Desde aquí felicitamos a Facebook por su gran logro. ¿Una vez alcanzados los 500 millones de usuarios el siguiente reto cual será? ¿Conseguirá Facebook algún día tener 1000 millones de usuarios?

Leyendo Wwwhat’s New me he topado con esta excelente web, Pagemodo, que te permite crear tu pestaña de bienvenida en Facebook de una manera intuitiva, sencilla y sobre todo, gratuita -si le permites publicidad en el pie de tu pestaña- o de pago (20 dólares al año).

Los pasos para utilizarlo son muy sencillos:

1. El primer paso que debemos dar es darnos de alta, preferiblemente utilizando Facebook Connect.
2. El segundo paso consiste en elegir plantilla.
3. El siguiente paso es el más largo. En él podemos subir las imágenes de la plantilla, elegir el tipo de fuente de texto, meter los textos, elegir el nombre de la pestaña, etc.
4. El último paso consiste en instalarla en Facebook haciendo click al botón instalar.
5. Automáticamente se te abrirá Facebook y te pedirá que elijas la página dónde quieres publicar la pestaña. Le das a permitir un par de veces y ahora tan sólo tendremos que hacer click en el icono (+) de la página para mostrar la nueva pestaña a tus usuarios.

Pagemondo es un buen producto -muy barato además-, así que si vais cortos de dinero y no os importa tener un diseño poco personalizado es una gran opción

Facebook no es perfecto, es una plataforma con muchos millones de usuarios sometida a cambios constantes tanto en la forma como en el contenido.

Uno de los elementos de Facebook con más éxito y crecimiento son las páginas de Facebook. Todas las grandes marcas -y muchas pequeñas- tienen una, desde la Coca Cola a Lady Gaga, si existes estás en Facebook. También todas las aplicaciones de Facebook tienen su correspondiente página.

Pues bien, estas páginas siempre tienen un muro donde los fans publican lo que quieren -salvo bloqueo-. El administrador de la página decide que comentarios borrar o dejar.

¿Cual es el problema? Pues el problema es que si el usuario es bastante pillo y sabe cual es el usuario del administrador él te puede bloquear a ti, de tal manera que puede soltar burradas en el muro de tu página sin que te enteres. Fuerte, muy fuerte

¿Cómo saber quienes son los administradores? Pues en muchas de las páginas aparecen en la columna izquierda , por ejemplo en la página oficial de Coca Cola de Facebook se ve quiénes son.

En fin, esperemos que Facebook solucione pronto este agujero de seguridad. Por ahora la única alternativa que tenemos es ocultar quienes son los administradores si no nuestra página de marca puede ser utilizada para lo contrario.

En Grupo Skala hemos desarrollado para la Conselleria de Turisme una aplicación para mostrar en Facebook las webcams turísticas mejores de la Comunitat Valenciana. La aplicación ha sido pensada especialmente para poder ser instalada en las pestañas de los usuarios o de las páginas de Facebook.

En el vídeo os explico como es la aplicación Webcams de la Comunitat Valenciana y os describo de manera resumida sus tripas.

Os recomiendo probar la aplicación Webcams de la Comunitat Valenciana, para ello haced click en este enlace. Si queréis verla integrada en la pestaña de la página oficial de la Comunitat Valenciana en Facebook haced click aquí.

Las mujeres jóvenes están cada día más y más enganchadas a las redes sociales.

Oxygen Media y Lightspeed Research han publicado un estudio sobre el uso de Facebook que hacen las mujeres jóvenes. El estudio se ha realizado analizando el comportamiento de 1605 usuarias.
Datos curiosos que se extraen de este estudio:

• Un tercio de las mujeres se conectan a Facebook sólo levantarse por la mañana.
• Un 39% de ellas se confiesan adictas a Facebook.
• El 50% de los usuarios de Facebook se conectan al menos una vez al día, gran parte de ellas lo hacen varias veces en un mismo día.
• El 79% de las mujeres se sienten cómodas viendo fotos de besos
• Al 42% de ellas les parece bien publicar fotos de ellas borrachas.
• El 58% de las mujeres utilizan Facebook como una herramienta para controlar a las amigas a las que consideran enemigas.
• El 9% de las mujeres han comunicado a su pareja la ruptura de su relación vía Facebook.
• El 89% de las usuarias de Facebook creen que si quieres ocultar algo no debes subirlo a Facebook.

En conclusión, un estudio interesante, a ver si alguien se anima a hacer algo parecido en España

Definición de Community Manager

Según la Wikipedia un Community Manager o Responsable de Comunidad es la persona encargada de crear, gestionar y dinamizar una comunidad de usuarios en Internet con independencia de la plataforma que empleen.

Un Community Manager debe tener amplios conocimientos de la plataforma en la que va a gestionar su comunidad, debe ser además muy buen redactor de textos capaces de motivar y de mover a la acción a su comunidad.

¿Quién contrata al Community Manager?

Es recomendable que el Community Manager forme parte de la empresa a la que representa para conocer su cultura interna, sus productos, su política de marketing, etc.

En la práctica la pequeña y mediana empresa no pueden permitirse tener un Community Manager en plantilla así que se suele contratar a empresas consultoras externas que o bien realizan directamente el servicio en contacto directo con el departamento de marketing o bien dan asesoría a la empresa para que alguno de los empleados realice las tareas de Community Manager lo mejor que pueda.

Auditar el trabajo de un Community Manager

¿Es medible el trabajo de un Community Manager? Sí, debe serlo. Si no se establecen unos objetivos y unos parámetros de medición lo que tenemos es un vendedor de humo, no un Community Manager. Esos objetivos y esos parámetros deben ser cuantificables, hay que huir a toda costa del branding abstracto en el que se escudan muchas campañas desastrosas.

Unos últimos datos…

¿Hay trabajo para los Community Managers? Sí, pero no esperéis haceros millonarios pese a lo que oigáis por ahí. A día de hoy, y salvo excepciones en alguna gran empresa, ganas más como programador o diseñador web.

Ah, y un último consejo. Para ser Community Manager no hace falta hablar en guayongo y estar todo el día escuchando Black Eye Peas, cada marca tiene su tono, no es lo mismo gestionar la comunidad de la MTV que la de Renfe.

El día 30 de junio las nuevas directrices de privacidad se hacen obligatorias para todas las aplicaciones de Facebook por lo que habrá que tener nuestras aplicaciones listas para ese día. Os cuento más en el vídeo.

A ponerse las pilas toca

El identificador del usuario

Uno de los datos clave que necesitamos de un usuario cuando desarrollamos aplicaciones para Facebook es el identificador del usuario.  Gracias a ese identificador podemos personalizar la aplicación al máximo para mejorar su experiencia de uso. Sus fotografías, sus amigos, sus datos personales, etc… cuelgan siempre de ese dato.

Nuevo SDK con Canvas e iFrame

En p0sts anteriores hemos visto como obtener ese dato con la antigua Rest API de Facebook. En este post vamos a mostrar como obtener el identificador del usuario con el nuevo SDK de PHP para Facebook, este ejemplo en concreto sirve para una aplicación en modo Canvas con iFrame.

He preferido hacer el ejemplo para el modo iFrame ya que con este se puede obtener el identificador de manera automática de la API de Facebook, mientras que con el modo FBML con el nuevo SDK se requiere siempre la aceptación del usuario.

Código para SDK de PHP

Pero volvamos a lo que nos importa, ¿Cómo obtenemos el identificador del usuario con el nuevo SDK para PHP? Pues muy sencillo:

<?php require './fb-lib/facebook.php'; $facebook = new Facebook(array( 'appId'  => 'IDENTIFICADOR DE APLICACIÓN'', 'secret' => 'CLAVE DE LA APLICACIÓN', 'cookie' => true, )); ?> <?php try { $me = $facebook->api('/me'); echo("Id usuario:". $me["id"] ."<br/>"); } catch (FacebookApiException $e) { error_log($e); } ?> <?php if ($facebook->getSession()) { echo '<a href="' . $facebook->getLogoutUrl() . '">Desconectar</a>'; } else { echo '<a href="' . $facebook->getLoginUrl() . '">Acceder</a>'; } ?>

Recordad que para que este código os funcione necesitáis:

• La aplicación debe estar en modo iFrame
• El código es para una aplicación en modo canvas
• Debéis tener activado en la configuración de la aplicación > Migraciones  la casilla New SDK
• La ruta de la librería de Facebook debe coincider con la ruta puesta en el require.
• Debéis sustituir el identificador del usuario y la clave secreta por la vuestra.

Os adjunto en formato ZIP la aplicación para que la probéis.

Analizando al usuario de Aplicaciones para Facebook

El usuario es sin duda alguna el elemento más importante en una aplicación de Facebook, de él depende en última instancia que una aplicación tenga éxito o fracase, sea flor de un día o sea un Farmville. ¿Cómo interactuan los usuarios con una aplicación para Facebook?

Pues generalmente nos encontramos con las siguientes fases:

1. El usuario es invitado a la aplicación ya sea vía invitación, o vía publicación en el muro, o vía email.
2. El usuario acepta la invitación.
3. El usuario autoriza la aplicación.
4. El usuario interactúa con la aplicación y fruto de esta actuación se publica contenido en el muro o se envía un regalo “virtual”
5. El usuario invita a amigos
6. El usuario deja de usar la aplicación frecuentemente
7. El usuario borra la aplicación

Consejos para conseguir el éxito con tu Aplicación para Facebook

¿Qué conclusiones podemos sacar de este análisis?

• Para la fase 1: Para empezar tenemos que conseguir que las invitaciones sean lo más persuasivas posibles para que los usuarios sólo recibirlas deséen aceptarlas.
• Para la fase 2: Debemos asegurarnos que la autorización de la aplicación funciona correctamente y envía al usuario a la página de aterrizaje correcta.
• Para la fase 3: Si necesitamos los permisos extendidos para nuestra aplicación no es bueno pedirlos desde un principio ya que a muchos usuarios -y más con la que le está cayendo a Facebook con la privacidad- les puede echar para atrás.
• Para la fase 4: Cuando el usuario interactúa con la aplicación debemos ponerle muy fácil compartir contenido con sus contactos de Facebook , pero de una manera racional, no se trata de crear una máquina de spam. Para ello contamos con las siguientes herramientas:
  • Publicaciones en el muro del usuario
  • Invitaciones a amigos del usuario
  • Publicaciones en el muro de los amigos del usuario (requiere permisos extendidos)
  • Emails (requiere permisos extendidos)
• Para la fase 4: La aplicación debe resultar reutilizable muchas veces -salvo que se trate de una campaña breve en el tiempo-, de esta manera el usuario volverá y publicará.
• Para la fase 5: Las invitaciones a los amigos deben de tener un texto atractivo y persuasivo.
• Para la fase 6: Es una buena idea capturar el email del usuario, cuando detectemos que lleva mucho tiempo sin interactuar con la aplicación podemos enviarle un email recordatorio con algún aliciente interesante para que vuelva a entrar en la aplicación.
• Para la fase 6: Debemos utilizar la página de la aplicación para mantener activa a nuestra comunidad de fans para que el paso 4 y 5 se repitan lo máximo posible.
• Para la fase 7: Facebook te permite ejecutar un script cada vez que un usuario desinstala la aplicación, crea ese script para estar informado en tiempo real (las estadísticas de Facebook son algo lentas).
• Para la fase 4 y 5: Viendo estos pasos vemos que nos interesa que el usuario repita todo el rato el paso 4 (el usuario interactua con la aplicación) y el paso 5 (el usuario invita a amigos).

Una cosa importante, las aplicaciones nacen, se viralizan (o no) y mueren SIEMPRE, con estos consejos podemos alargar su vida y hacerlas crecer más, pero al final una aplicación siempre se quedará sin usuarios activos -o con un número residual de los mismos-.

¿Estáis de acuerdo con mi análisis y mis conclusiones? ¿Qué añadiríais o quitaríais?

Facebook no es la única red social a nivel mundial, las hay de todos los tipos y colores. Lo que si que es es la red social más utilizada del planeta, y esto cada día va a más.

Publico a continuación un mapa elaborado por WWWVincos.it con la evolución de las redes sociales a nivel mundial:

Cómo veis todavía no domina el mundo, pero casi

La Selección Española y el mundial de fútbol

Cómo todos sabéis estamos en pleno mundial de fútbol y la Selección Española está al nivel de costumbre, o sea, haciendo el ridículo.

Visto lo visto en Grupo Skala nos hemos decidido a hacer una aplicación de Facebook para apoyar a la Roja. ¿En qué consiste esta aplicación? Pues consiste en hacerle Voodoo a las selecciones rivales de España.

Haz voodoo en Facebook

La próxima selección a la que podemos hacerle voodoo es la de Honduras así que todos los españoles que leáis este post, adelante, a hacerle voodoo a Honduras, que si no nos van a apear en dos días del mundial de Sudáfrica.

Para los que no seáis españoles contaros que muy pronto Grupo Skala publicará una aplicación con la que se podrá hacer voodoo a cualquier selección de fútbol

¿Quién y cómo hemos hecho esta aplicación de Facebook?

La aplicación ha sido desarrollada en Flash sobre una capa de FBML y FBJS. Yo me he encargado de la parte de la programación. Os pongo a continuación los créditos:

• Pablo Angeletti: Diseño gráfico & Interfaz
• Eva Cuenca: Diseño gráfico
• Gustavo Valbuena: Dirección de Proyecto
• María López: Community Manager
• Óscar Navarro: Arte gráfico 3D & 2D. Y edición de sonido

• Gabriel Cuesta (yo mismo): Programación Flash y Facebook

Así que ya sabéis, a hacer voodoo a los rivales de la Selección Española con Voodoo Soccer en Facebook.

A día de hoy si tienes una empresa ya no basta con tener una página web, tienes que estar en Facebook. La manera más sencilla de estar en la red social más grande del mundo consiste en crearte una página de empresa en Facebook.

Estas páginas se subdividen en una serie de pestañas. Por defecto Facebook nos crea algunas pestañas cómo el muro, la pestaña de información, etc.

Obviamente si todas las páginas de empresa tienen estas pestañas todas las páginas de empresa de Facebook serían demasiado parecidas. Afortunadamente Facebook nos ofrece la posibilidad de agregar pestañas personalizadas. Nos interesa por lo tanto crear pestañas con nuestro contenido propio que nos diferencie de los demás.

Os voy a enumerar a continuación los pasos para crear una pestaña de bienvenida con contenido personalizado (estático, eso sí):

1. Vamos a la página de empresa de Facebook y pulsamos en el símbolo + de crear pestaña, nos dará la opción de buscar aplicaciones para agregar, así que utilizamos su buscador de aplicaciones para encontrar y agregar la aplicación Static FBML
2. Creamos una pestaña en nuestra página de Facebook pulsando en el símbolo + y le agregamos la aplicación Static FBML.
3. Pulsamos en modificar página y hacemos click en la sección de Static FBML para editar el contenido de la pestaña.
4. Dentro de la edición le damos título a la pestaña (p.ej. bienvenidos) e insertamos el contenido de la pestaña en HTML (o FBML si nos hace falta), podemos insertar por ejemplo una imagen con un enlace -es lo que hacen la mayoría de las páginas-.
5. Pulsamos sobre Configuración del muro y elegimos que pestaña queremos como inicial para los usuarios que no son fans. Elegiremos por tanto nuestra pestaña de Bienvenida y ya está.

Si lo que queréis son pestañas con contenido dinámico el proceso es más complejo. Uno de estos días haré algún post sobre el tema.

Espero que os sea de utilidad.

Un divertido juego de coches para Facebook

Valencia Team Racing es un juego de carreras para Facebook desarollado por Grupo Skala para la Agencia Valenciana de Turismo con el objetivo de promocionar su la web de turismo de la Comunidad Valenciana y su microsite del Gran Premio de Europa en Facebook. Cómo algunos sabréis trabajo en Grupo Skala, y sí, soy el programador de este juego

El juego consiste en dar 3 vueltas a un circuito con un bólido de Fórmula 1 en el mínimo tiempo posible. Los controles del juego son similares a los del mítico Scalextric, con una tecla (espacio) o con una pulsación del ratón aceleras, si sueltas el espacio o el botón izquierdo del ratón frenas. La dificultad estriba en dar las curvas a la máxima velocidad posible sin salirse. La mecánica es muy simple y se orienta a competir contra uno mismo y contra tus amigos para mejorar sus tiempos de carrera.

Tecnología utilizada en el desarrollo de la aplicación

En cuanto a los datos técnicos el juego ha sido desarrollado en Flash con Actionscript 3.0 y las interacciones de Facebook se han programado con FBML y FBJS.  Los gráficos han sido generados en 3D y luego renderizados en 2D para ser utilizados en el juego. Cómo nota anecdótica os puedo contar que he tenido que programar 3 motores de juego para conseguir que funcione de manera estable en el máximo posible de ordenadores.

¿Quieres ver como se juega a Valencia Team Racing en Facebook?

Os pongo a continuación un vídeo del juego explicado por un servidor y por Pablo Angeletti (@infonomada):

Os animo a jugar unas cuantas partidas a ver si conseguíis ser los más rápidos

El equipo detrás de esta aplicación para Facebook

Os pongo a continuación los créditos del juego:

Si queréis más información sobre Valencia Team Racing podéis encontrarla en estos posts:

• Oscar Navarro contando el desarrollo 3d
• El blog de Grupo Skala presentando el proyecto
• Infonomada contando el desarrollo

Cuando estás desarrollando aplicaciones para Facebook muchas veces surgen problemas e imprevistos. Lo habitual es buscar en Google o pedir ayuda en los foros para desarrolladores, pero por desgracia no siempre encontramos ayuda en estos sitios y tenemos que recurrir al equipo de Facebook.

¿Cómo contactar con ellos? Pues muy fácil, a través de la página de contacto que tienen habilitada para ello. Normalmente tardan en responderte varios días, pero da gusto hablar con humanos y no con máquinas

El formulario de contacto está muy bien planteado y tiene categorías e incluso la posibilidad de subir una captura de la aplicación.

Espero que os sea de utilidad

¿FBML y HTML unidos?

Los tags de FBML sirven para mostrar dentro de una aplicación de Facebook items específicos de esta red social de una manera sencilla e intuitiva.

Obviamente no cubren todas las posibilidades del HTML, por esta razón cuando desarrollamos una aplicación en modo FBML Facebook permite utilizar muchos de los tags de HTML.

Listado de tags HTML admitidos por FBML

Os muestro a continuación el listado de tags de HTML permitidos para las aplicaciones en modo Canvas:

• a
• abbr
• acronym
• address
• b
• bdo
• big
• blockquote
• br
• caption
• center
• cite
• code
• dd
• del
• dfn
• div
• dl
• dt
• em
• fieldset
• font
• form
• h1
• h2
• h3
• h4
• h5
• h6
• hr
• i
• img
• input
• ins
• kbd
• label
• legend
• li
• link
• meta
• ol
• optgroup
• option
• p
• pre
• q
• s
• samp
• script
• select
• small
• span
• strike
• strong
• style
• sub
• sup
• table
• tbody
• td
• textarea
• tfoot
• th
• thead
• tr
• tt
• u
• ul
• var

Cómo podéis ver el set de instrucciones HTML es muy amplio así que no tendremos que crear la aplicación en modo iFrame por limitaciones en la maquetación de la página.

Cambios, cambios, cambios…

Cómo todos sabemos Facebook es la red social con más usuarios del mundo, lo cual ya genera de por sí bastantes noticias técnicas. Pero es que además tiene una plataforma para desarrollo de aplicaciones abierta a todo tipo de tecnologías, tanto de manera oficial como no oficial. Así que imaginaos la cantidad de material técnico que se genera cada poco tiempo.

A lo largo de estos dos últimos años gran parte de mi trabajo ha estado vinculado al desarrollo de aplicaciones para Facebook, así que al final he ido recopilando unas cuantas fuentes oficiales de noticias técnicas que a continuación voy a compartir con vosotros.

Fuentes oficiales de noticias sobre aplicaciones de Facebook:

• Blog oficial de Facebook para desarrolladores: Es el blog para los desarrolladores por excelencia. En él se publican noticias sobre novedades y actualizaciones en materia de desarrollo para Facebook.
• Blog oficial de Facebook: Es el blog principal de Facebook, la mayoría de las noticias publicadas aquí no son sobre desarrollo directamente, pero indirectamente afectan y mucho.
• Developer Roadmap: En esta página se encuentra el calendario de desarrollo de la plataforma con las fechas (normalmente aproximadas) con los cambios y las novedades para las aplicaciones.
• Hilo del foro oficial con las actualizaciones para desarrolladores: En este hilo se publican los cambios para las aplicaciones. Es un hilo muy vivo y el medio más rápido de información de las novedades.

La información actualizada es la herramienta más útil para desarrollar una aplicación de Facebook

Cómo veis hay bastantes fuentes, y encima en ocasiones faltas de coordinación. El foro es la vía de información más rápida, aunque en ocasiones los cambios anunciados se anulan a las pocas horas cuando ven que han metido la pata.

Cuando desarrollas aplicaciones es muy importante estar actualizado, te ahorrarás quebraderos de cabeza y podrás prever muchos problemas.

Ale, a conectaros a las fuentes de información de Facebook para que no os pillen por sorpresa los cambios

Los chicos de BitRebels han hecho una presentación que se ríe de las ultrafamosas presentaciones de Socialnomics:

Muy divertido, gracias a Pablo Angeletti por la info.