Cómo dar vida a tu sitio web… Sin rayos ni crucifijos
Buenos días a todos y bienvenidos a un nuevo artículo del blog de Espai.
El título de hoy requiere una aclaración: Se refiere a convertir tus páginas en algo dinámico, cambiante y que resulte atractivo para el usuario. No en enchufar tu ordenador a una cometa en una noche de tormenta, mientras nos asustas con tu risa maligna… Aunque sin duda sería interesante! Para usar este sistema, hazlo así.
Lo que vamos a hacer es integrar comentarios de Facebook y el botón Like en nuestras páginas. Y ya sin más preámbulos
Cómo dar vida a tu sitio web… Sin rayos ni crucifijos
Crear una aplicación Facebook
Antes de añadir el código, necesitaréis crearos una cuenta en Facebook. Y despúes, una aplicación como desarrollador en el mismo sitio. Pero vamos por partes:
- Hazte una cuenta. Vamos, no te hagas el remolón… Seguro que ya la tienes, ¿o si no a qué esperas? Hasta El abuelito de Heidi tiene una.
- Una vez estés conectado, vé al sitio web https://developers.facebook.com y sigue los siguientes pasos
Click en Register as Developer
Aceptamos la política de privacidad, y click en Siguiente
Escribimos nuestro teléfono y pedimos que nos envíen el código como texto.
(Ese no es el mío, chicas si lo queréis solo tenéis que pedirlo!)
Pulsamos en Add new app
Como veis, podemos acceder a Facebook también desde móviles y tablets.
Escogemos Sitio Web.
Damos un nombre a nuestra aplicación. Puede ser cualquier nombre, mientras no incluya las palabras Facebook, FB ni siglas similares.
Escogemos la categoría en la que estará nuestra aplicación. En el caso de la escuela sería Educación.
Ya tenemos el código que usaremos en nuestra web. Guardadlo que lo necesitaremos más adelante.
En el segundo recuadro, URL del sitio, escribid la web desde la que vais a usar los comentarios de Facebook.
Por último pulsad Siguiente.
Cuando pulséis siguiente en la ventana anterior, aparecerá este código.
Guardadlo también, lo usaremos para añadir el botón Like en nuestra web.
En este punto ya tenemos creada nuestra aplicación Facebook, así como el código necesario para añadir comentarios a nuestra web. Sólo nos queda juntar las piezas.
Integrar nuestra app Faceboow con la web
Podéis añadir comentarios a cualquier web que tengáis. Por ejemplo, yo lo haré con una versión como la siguiente de la web de Espai
versión todavía sin comentarios
Una vez tengáis localizada la web a la que queréis añadir el plugin, debéis abrir el código fuente de la misma y pegar el texto que os guardasteis en un punto anterior, aquel generado desde Facebook al crear la aplicación. En mi caso ha sido el siguiente:
Y el resultado, cuando refresquéis vuestra página web será similar a éste:
Como podéis ver, ya tenemos comentarios en nuestra web! Además aparece el botón Like y Share, en la parte inferior derecha de la pantalla.
Bien, hasta aquí el artículo de hoy. Recordad el blog está abierto a comentarios y sugerencias… Estaré encantado de recibir noticias vuestras!
P.S: También podéis publicar en vuestro Facebook el artículo, si os ha gustado. Pero hacedlo bien…
Ahora ya sabes Cómo dar vida a tu sitio web… Sin rayos ni crucifijos.