Cómo dar vida a tu sitio web… Sin rayos ni crucifijos

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:

 

  1. 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.
  2. Una vez estés conectado, vé al sitio web https://developers.facebook.com y sigue los siguientes pasos

 

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

Click en Register as Developer

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

Aceptamos la política de privacidad, y click en Siguiente

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

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!)

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

Pulsamos en Add new app

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

Como veis, podemos acceder a Facebook también desde móviles y tablets.
Escogemos Sitio Web.

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

Damos un nombre a nuestra aplicación. Puede ser cualquier nombre, mientras no incluya las palabras Facebook, FB ni siglas similares.

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

Escogemos la categoría en la que estará nuestra aplicación. En el caso de la escuela sería Educación.

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

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.

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

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

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

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:

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

Y el resultado, cuando refresquéis vuestra página web será similar a éste:

Cómo dar vida a tu sitio web... Sin rayos ni crucifijos

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…

Cómo dar vida a tu sitio web... Sin rayos ni crucifijosAhora ya sabes Cómo dar vida a tu sitio web… Sin rayos ni crucifijos.

Escribe un comentario