Publicando en Facebook

Facebook es una red social en línea con más de 1 billón de usuarios. Este tutorial muestra cómo agregar animación HTML a una página de Facebook y también cómo crear aplicaciones Facebook Canvas.

Primero deberá crear una animación HTML, un juego o una aplicación.

Suba el archivo HTML y los medias a un servidor web.

¡Importante! Facebook requiere que cualquier página HTML externa esté alojada en un servidor web seguro (HTTPS).

Agregar animación HTML a una página de Facebook

Necesitará una página de Facebook, que no es lo mismo que una cuenta de Facebook.

Siga las instrucciones para crear una nueva página. Hemos creado una página en blanco. Tal vez ya tenga una página de Facebook para su negocio.

A continuación, cree una app para Facebook. Necesitará registrarse como desarrollador. Esto es gratuito.

Cree una nueva App. Elija www. De un nombre a la App, cree un ID para la App y establezcar la categoría a "aplicaciones para páginas". Omita la guia rápida.

En el panel de controles (dashboard) de la App puede gestionar todos los detalles de la aplicación, capturas de pantalla, analytics e imágenes. La mayoría de estos ajustes no son necesarios, por ahora.

En el menú de configuración, establezca una dirección de correo electrónico de contacto. No puede hacer pública su app si no ha configurado una dirección de correo electrónico.

Seleccione 'Agregar Plataforma' y seleccione 'Etiqueta Página '.

El 'Secure página ficha URL' es el lugar de la animación de HTML que ha creado.

Esto debe ser alojado en un servidor web seguro.

Esto también debe ser una página del servidor. Esto es fácil de hacer. Cambie la extensión del archivo de la página HTML de .HTML a .ASPX o .PHP dependiendo del tipo de servidor web que usted está usando.

Defina un nombre para la página ficha y una imagen.

Pulse 'Guardar cambios'.

Para agregar la pestaña de página a tu página de Facebook, la siguiente URL debe copiarse en un navegador web. Reemplazar YOUR_APP_ID con el ID de la aplicación y reemplazar YOUR_URL con la URL segura de la aplicación.

Por ejemplo:

Elija la página correcta y pulse 'Añadir página Tab'.

La ficha que contiene la animación HTML ha sido añadida a la página. Comenzará en el menú 'Más'. Presione 'Administrar las lengüetas' para hacerlo más prominente.

Cuando esté listo, usted puede hacer la aplicación en vivo. Vaya a 'Estado y Revisión' en el panel de controles (dashboard). Necesita hacer esto antes de que otras personas puedan verlo.

Crear una aplicación Facebook Canvas

Las Facebook Canvas son aplicaciones de página completa, en vez de una aplicación dentro de una pestaña.

Cree una nueva App. Seleccione Facebook Canvas. Dé un nombre a la App, cree un ID para la App y elija una categoría. Omita la guia rápida.

En el panel de controles (dashboard) de la App puede gestionar todos los detalles de la aplicación, capturas de pantalla, analytics e imágenes. La mayoría de estos ajustes no son necesarios, por ahora.

En el menú de configuración, establezca una dirección de correo electrónico de contacto. No puede poner disponible su app hasta que hayas configurado una dirección de correo electrónico.

Seleccione 'Añadir Plataforma' y seleccione 'Facebook Canvas'.

La ' Canvas URL Segura' es la localización de la animación de HTML que has creado.

Ésta debe ser alojada en un servidor web seguro.

También debe ser una página del servidor. Esto es fácil de hacer. Cambie la extensión del archivo de la página HTML de .HTML a .ASPX o .PHP dependiendo del tipo de servidor web que usted está usando.

Finalmente, Facebook requiere una '?' que se añade al final de la URL.

Pulse 'Guardar cambios'.

Ver la aplicación mediante la copia de la Canvas página URL en un navegador web.