Como Configurar Nuestra Página de Facebook con Static FBML

Static FBML Instalación 300x223

Static Fbml de Facebook

Es realmente aburrida y poco atractiva tu página de Facebook? Seguramente vistes algunas páginas de Facebook realmente atractivas y te preguntaste, ¡Como lo Hacen!. Debdo al poder que tiene Facebook para los vendedores, no creen ustedes que es hora de actualizar su página de Facebook?

¿Cómo puede ayudar a que su marca se destaque entre la competencia y aumente su relevancia en Facebook?

La respuesta es : Static FBML. En este artículo voy a compartir lo que se necesita saber para realizar un cambio de imagen profundo a su página de Facebook.

¿Que es Static FBML?

FBML está en Facebook Markup Language, que es un subconjunto del HTML.

Static FBML es una aplicación de Facebook que permite a los administradores diseñar completamente su página de Facebook. Esta aplicación sólo está disponible para las páginas de Facebook, no para perfiles personales o de grupos en Facebook.

¿Como Agregar Static FBML a su Página de Facebook?

Static FBML

Pueden agregar estática FBML en Cuatros Pasos.

1: Asegúrese de que usted es el único administrador de la página de Facebook para que tenga la posibilidad de editarlo.

2: Vaya a la aplicación Static FBML.

3: Haga clic en “Agregar a mi página.”

4: Aparecerá una ventana que contiene la lista de las páginas de Facebook en la que usted es administrador. Haga clic en “Añadir a la Página” para agregar la aplicación.

Antes de agregar contenido a su casilla de FBML, usted debe tener una idea de si quiere configurar su casilla FBML como una etiqueta nueva, o lo mantendrá como parte de su muro en la columna izquierda. De esta forma, puede hacer los ajustes necesarios en los tamaños de las imágenes y los vídeos para que los componentes se puedan ajustar en el lugar indicado.

Configurar Static FBML como una Nueva Etiqueta

Static FBML como Etiqueta

Para configurar la casilla de Static FBML como una nueva etiqueta, haga clic en “Editar página” debajo del logo/avatar de su página de Facebook ubicado en su Muro.

Vaya a la sección “Aplicaciones” y busque la aplicación FBML y haga clic en “Configuración de la aplicación” (ver más abajo). Asegúrese de que la configuracón como etiqueta se haya agregado. De esta manera su cuadro de FBML quedará añadido como una etiqueta.

Static FBML Configuración

En la parte izquierda de esta aplicación, van a ver una opción que dice “Editar” en su FBML. Aquí es donde en última instancia pegarán el código HTML. También pueden agregar un “título del cuadro.” El título del cuadro se convierte en el nombre de su etiqueta.

Tenga en cuenta que el cuadro FBML debe estar codificado para un ancho máximo adecuado para una etiqueta. La anchura máxima de un cuadro de FBML de una etiqueta debe ser de 520 píxeles.

Configurando Static FBML a la Columna Izquierda de su Muro

La capacidad de tener múltiples cajas o cuadros de Static FBML le permite tener un cuadro de FBML en su etiqueta  como parte de su muro en la columna de la izquierda (o simplemente en el muro). Vamos a añadir un cuadro FBML a su Muro.

Vayan a su muro y hagan clic en “Editar página” debajo del logo/avatar de su página en Facebook. Encuentren el cuadro FBML y hagan clic en “Configuración de la aplicación” (observen abajo).

Aplicación Static FBMLAsegúrese de que la configuración del cuadro FBML haya sido agregegada. Tener configurado el Cuadro FBML es importante ya que le brinda la opción de mover el cuadro FBML a la columna izquierda de su muro. Vuelvan a su muro, y encuentren su etiqueta FBML y localicen el cuadro FBML. Haga clic en el icono del lápiz (observen abajo) y seleccione “Mover a la pestaña del  Muro“.

Static FBML en su MuroSu nuevo Cuadro FBML queda Añadido a su Muro.

Tenga en cuenta que su Cuadro FBML debe estar codificado para un ancho máximo adecuado para su muro. La anchura máxima de un cuadro FBML en el lado izquierdo de su muro es de 180 píxeles.

Agregar Contenido a su Cuadro Static FBML

Ahora que usted tiene una idea de donde desea colocar el cuadro de FBML, es hora de editar y agregar contenido. Para empezar, haga clic en “Editar página” situado bajo el logotipo de su página de Facebook. Vaya a la sección “Aplicaciones” y busque la aplicación FBML, pero esta vez haga click en “Editar“.

Esta es el área donde usted puede denominar el cuadro FBML y agregar el código HTML. Tenga en cuenta que FBML no funciona con todo el código HTML. Por ejemplo, JavaScript no funciona. Tendrá que ir experimentando experimentar.

Si se desplaza hacia la parte inferior del cuadro, usted puede que tiene la opción para seguir agrando cuadros FBML.

Agregar Cuadros FBMLEl número máximo de cuadros FBML que usted puede tener es 10.

Ahora vamos a darle vida a su página de Facebook. Voy a enfocarme principalmente en las dos grandes mejoras que se pueden hacer usando Static FBML – la adición de una imagen clickeable y la introducción de un vídeo de YouTube.

Como Agregar una Imágen Clickeable usando Static FBML

Al agregar una imagen en el cuadro de FBML, he encontrado que el mejor lugar para mantener las fotos es Photobucket. Utilizar Flickr o Facebook me ha causado bastantes problemas. Si funciona para usted, quédese con él. El ancho máximo de una imagen en el cuadro de FBML para una etiqueta o pestaña es de 520px.

No hay altura máxima, pero piensen en él como una página de destino (landing page), manteniendo el desplazamiento a un mínimo. Pregúntese: ¿usted desea que los usuarios se desplazen hacia abajo para obtener el mensaje o lo que desean es obtener el punto principal una vez que hayan aterrizado en su página?

Ahora viene la parte en que tienen que subir su imagen a su cuenta de Photobucket. Copien la URL directa a la imagen que van a utilizar en su cuadro FBML. Luego, tienen que utilizar este código:

<a href=”http://xxxxx” mce_href=”http://xxxxx” target=”_blank”><img src=”http://yyyyy” mce_src=”http://yyyyywidth=”##px” height=”##px” border=”0″ alt=” “></a>

Reemplazen  la xxxxx con la dirección URL de destino. Reemplazen la yyyyy con el enlace directo a su imagen subido a través de Photobucket. Reemplazen el # # con su anchura y altura en píxeles.

Como Agregar un Video en YouTube con Static FBML

Al igual que con las imágenes, yo recomendaría un ancho máximo de 520px para una pestaña. Después de subir el vídeo, debe utilizar este código:

<fb:swf swfbgcolor=”000000” imgstyle=”border-width:##px; border-color:white;” swfsrc=”http://www.youtube.com/v/xxxxx” imgsrc=”http://img.youtube.com/vi/xxxxx/2.jpg” width=”520″ height=”400″ />

Reemplazen la xxxxx con el ID del vídeo de YouTube. En los casos de abajo, el MqqKPWhY4es es el ID del video.

Ejemplo 1: En este enlace de YouTube: http://www.youtube.com/watch?v=MqqKPWhY4es, todos los caracteres después del “=” es el ID de YouTube.

Ejemplo 2: Si el enlace de YouTube se ve así: http://www.youtube.com/watch?v=MqqKPWhY4es&feature=player_embedded, todos los caracteres después del “=” y antes de “&feature” serán el ID de YouTube.

Pueden cambiar los valores de “swfbgcolor” y “imgstyle” a sus preferencias. El “imgsrc” es un poco más complicado porque es una imagen de vista previa. Cuando un usuario hace clic en la imagen de previsualización, se convierte en el vídeo. Para ver un ejemplo de la vida real, usted puede ir a la página de Marketwire (ver más abajo la captura de pantalla). Para cambiar la imagen de previsualización, puede reemplazar la dirección URL de un enlace directo a una de sus imágenes en Photobucket (o cualquier otra fuente).

Videos e Imágenes con Static FBMLComo Configurar Static FBML como si Fuera la Pestaña por Defecto

La opción de ajustar el cuadro FBML como si fuera la pestaña por defecto, en lugar del muro, es una de las mejoras más relevantes que puede realizar en su página de Facebook. Aquí es donde la adición de Google Analytics a su página de Facebook le brinda una ayuda enorme con el seguimiento.

Con el fin de configurar el cuadro de FBML como su página de destino predeterminado, vaya a “Editar página” debajo del logotipo de su página de Facebook y vayan a “Configuración del Muro“. Verán que hay una sección llamada “página de destino predeterminada para todos los demás.” Los visitantes que no son fans de la página verán su cuadro FBML recien creado. Los visitantes que son fans aterrizarán directamente en su muro.

Instalar Static FBMLTodos Deberían Tener Instalado Static FBML para sus Negocios

La capacidad de mejorar su página como un vehículo de marketing dirigiendo tráfico a su sitio web y participando aún más con su público debe merecer una consideración por parte de ustedes. Muchos administradores no utilizan esta poderosa herramienta por no estar familiarizados con la codificación.

Mi sugerencia: vuelvan a leer este artículo, investiguen un poco más en Google y pruébenlo. Al igual que las palabras de Ben Stiller en la película Starsky & Hutch, ¡Hazlo!, ¡Hazlo!, ¡Hazlo!.

Espero que este pequeño tutorial les haya dado una idea sobre cómo implementar Static FBML a su página de Facebook.

¿Alguno ya lo ha probado?, ¿Sino lo hicieron todavía, cual fue el motivo?

Banner Design for Alex kk 468X60 2

About the author

Emprendedor Web, amante del SEO y el Marketing Online, :) Juan Coccaro

Comments

  1. says

    Me da que el tutorial es antiguo. No me salen la mayoría de cosas que dicen que salen.. y alguna de ellas recuerdo que la quitaron

  2. Andres Ortega says

    Estimado, disculpa pero yo se bien poco de programación….pero…como sé cual es mu URL de destino? y cual es la de mi photobucket?

    lo que pasa es que trate de copiar una imagen…pero me arrojó una pagina wn blanco…

  3. says

    Hola Andrés. Gracias por tu Comentario. La url del photopucket es la que aparece con la foto y la de destino es la de la página donde queres poner la foto. Saludos y cualquier consulta a las órdenes.

  4. Carolina says

    Una pregunta, si el static fbml no esta sirviendo… no hay otro que pueda utilizar??
    Gracias

  5. mike says

    Mira cuando voy a FBML static no aparece el link de “add to my page” y por lo tanto no se puede adicionar esta aplicacion. Otra pregunta como puedo adicionar a mi fan page Sing – up – Forms usando algun servicio de autoresponders?

  6. says

    Hola, apenas instale esto de fbml, soy nueva en esto.
    Si te fijas en la pagina que puse de diario la razon, si aparece el fbml del ipad pero quisiera saber como al darle click en la imagen, me enlazara a la pagina de apple donde esta para descargarla !! :S no entiendo mucho de esto, como linkear la imagen a otra pagina qe no sea photobucket!

  7. says

    Yo uso Static HTML es mas facil de usar!!!! aunque esta aplicacion tambien te ayuda en esto!!!! solo que yo les recomiendo usar Static HTML pues les brinda la opcion de publicar contenido para fans y para no fans!!!! es muy sencillo y parecido al Static fbml!!!

Trackbacks

Leave a Reply

Your email address will not be published. Required fields are marked *