Cómo funciona twitter y cómo se usa

Mejorar el blog

Práctica 1

Se trata de mejorar vuestro blog, incluyendo algún otro gadget y algún enlace a facebook o twitter.
Animo, que el número de visitas mejorará y os lo agradecerá...

Insertar sistemas de estadísticas de visitas al blog

Práctica 3

Hay muchos servicios para controlar y ver las estadísticas de nuestro blog, pero el más extendido es Google Analytics. Si lo instalamos en el blog podremos ver el número de visitas diarias, de dónde son nuestros lectores, cómo han llegado al blog, que sistemas operativos y navegadores usan, etc…

La cantidad de estadísticas que mide Analytics es brutal, daría para otra entrada nueva o más. En este artículo nos limitaremos a instalarlo en nuestro blog. No es algo difícil, pero como hay que tocar código es de gran ayuda asegurarse de que lo hacemos bien, y es lo que voy a intentar hoy, explicarlo fácil para que todo vaya sobre ruedas.

Empezamos dirigiéndonos a la página oficial de Google Analytics, una vez allí haremos clic en “Acceder a Google Analytics”.Si no tenemos cuenta en Analytics nos pedirá que creemos una, así que vamos siguiendo los pasos.En la primera página hacemos click en “Registrarse”, en la siguiente nos pedirá los datos de nuestro blog, y se los pondremos.

Luego nos pedirá nuestro nombre y localización, se la damos. En la siguiente pantalla aceptamos los términos de Analytics y nos llevará a la página más importante del proceso. Esa página es donde está el código que tenemos que insertar en nuestro blog. Así que copiamos ese código y le damos a “Guardar y finalizar.

Con el código copiado, nos dirigimos a nuestra cuenta de Blogger y nos vamos a “Diseño -> Edición de HTML”. Lo primero de todo, como siempre, será guardar la plantilla así que hacemos clic en “Descargar plantilla completa”. En la página del código de seguimiento de Analytics nos decía que tenemos que insertar el código antes de la etiqueta “”, así que es lo que haremos.

Personalmente me gusta pegar todos los códigos justo antes de esa etiqueta, así cuando quieres verlos o modificarlos, sabes donde están. En la misma página de edición de HTML bajamos hasta que veamos “”, que será casi al final del todo, pegamos el código de seguimiento y guardamos los cambios. Si por lo que sea algo ha salido mal y el blog no se ve, no tenemos más que volver a subir la plantilla original que hemos descargado.


Ahora volveremos a Analytics.

En la columna de “Estado” veremos el símbolo de la imagen. Si nos sale un símbolo como de una señal amarilla serán dos cosas: O que no hemos instalado bien el código, o si lo hemos hecho todo bien, será que aun está recibiendo los datos, si esperáis unos minutos cambiará al símbolo que vemos en la imagen de arriba.

Este símbolo nos indica que el código está instalado y está esperando datos. Para ver el estado nos vamos a “Editar” (que está a la derecha), en la siguiente pantalla hacemos click en “Comprobar estado” (que también está a la derecha.
Como vemos, nos dice que el código está instalado correctamente y que se están empezando a recopilar los datos. Normalmente hasta pasado un día no los veremos.De hecho, es una de las pegas de Analytics, que por defecto no te muestra las estadísticas del mismo día, sino las del día anterior.Recalco lo de por defecto porque si entramos en el informe de nuestro blog desde la página principal de Analytics, podemos poner la fecha del día en el que estemos y nos mostrará los resultados de ese día.

Aunque, si lo que queremos es consultar las estadísticas del mismo día en el que estamos sin tener que entrar y cambiar fechas, también podemos usar StatCounter.StatCounter es un servicio similar al que proporciona Google Analytics y muy extendido. Lo que tiene de bueno es que nos proporciona las estadísticas del mismo día algo más actualizadas que las de Analytics, aunque no en tiempo real.

Tiene versión gratuita y de pago. Si estamos empezando con el blog, con la gratuita iremos sobrados ya que nos permite ver los últimos 500 datos, lo suficiente como para ver todos los datos del mismo día en un blog pequeño.La instalación es similar a la de Analytics, nos tendremos que registrar, crear la cuenta, añadir los datos de nuestro blog y nos darán un código que tenemos que insertar en el blog de manera similar a lo que acabamos de hacer.

Con estas dos herramientas podremos tener acceso total a las estadísticas de nuestro blog. Algo que no sirve sólo para cotillear el número de visitas que tenemos, por ejemplo ayer mismo Juanan nos hablaba sobre qué es la tasa de rebote, sino que si las sabemos interpretar podremos entender mejor de dónde y cómo vienen nuestros lectores.En definitiva, mejorar nuestro blog.

Cómo añadir páginas estáticas a blogger

Práctica 2

Cómo añadir páginas estáticas en Blogger

Os habréis fijado que en muchos blogs, incluso en este mismo, suelen haber unas seccionas llamadas “Acerca de” y “Contacto”.

Esas secciones son páginas estáticas o fijas donde les contamos a nuestros lectores algo más sobre nosotros o incluimos un formulario de contacto para que nos puedan preguntar cualquier cosa de forma algo más privada que en los comentarios: Son páginas donde escribimos sólo una vez y normalmente no están habilitados los comentarios.

Los links a estas páginas suelen estar o arriba del todo en la cabecera o en la barra lateral al principio del todo. En WordPress es muy fácil crear nuevas páginas pero por desgracia en Blogger no tanto, de hecho no hay una opción de crear nuevas páginas, hay que “engañar” un poco al sistema, ahora os explicaré cómo.

Empecemos con la página de “Acerca de”, donde escribiremos algo sobre nosotros y sobre el blog. Obviamente no hace falta que le demos ese nombre a la página, otros comunes suelen ser “Sobre mí”, “Sobre el blog”, etc…

Lo primero de todo será tener claro lo que vamos a poner, ahí ya no os puedo ayudar mucho, es cosa de cada uno. Aun así es recomendable presentarnos y explicar algo del blog para que los visitantes nos conozcan algo mejor.

Con eso en mente nos dirigimos a la creación de una nueva entrada. En el título escribimos “Acerca de” o lo que queramos. En el texto de la entrada ponemos algo sobre el blog y sobre nosotros.
Eso es lo básico. Lo importante viene ahora, para convertir esa entrada en una página tendremos que programar esa entrada para una fecha anterior, o sea ponerle una fecha ya pasada. Esto hará que esta entrada se pierda entre las demás del blog y no se vea a simple vista. También es recomendable desactivar los comentarios, pero eso ya va a elección de cada uno. Por último publicaremos la entrada.

Ahora crearemos la página de Contacto. Blogger tampoco no lo ofrece de forma fácil así que tendremos que recurrir a un servicio externo. Yo recomiendo Email Me Form que es el que utilizaba en mi antiguo blog y va genial.
Nos dirigimos a su web y nos registramos. Una vez hecho ya podemos pasar a crear y configurar nuestra página de contacto.
Vamos rellenando los campos eligiendo un nombre para el formulario, el email al que llegarán las peticiones, otro email a donde llegará el spam (se puede poner el mismo o no poner ninguno), la página a donde se redirigirá después de enviarlo (recomendable redirigir a la página principal de nuestro blog) y el número de campos a rellenar.

En la siguiente página configuramos los campos del formulario. Con cuatro hay suficientes: Nombre, email, asunto y mensaje.

La siguiente página la podemos dejar tal cual está, aunque si queremos máxima personalización podemos cambiar algunos números. Lo mismo con la página 4, que podemos modificar la fuente, el tamaño, el color, cambiar el nombre de los botones, etc…
Con la página 5 más de lo mismo, más opciones de personalización que podemos dejar tal cual están.
En la página 6 veremos una vista previa del formulario, y le daremos a “Finish” si nos gusta como nos ha quedado.
Lo siguiente que veremos es la siguiente página, donde habrá un link para copiar el código e insertarlo en nuestro blog.
Copiamos el código, nos vamos a la creación de una nueva entrada, la nombramos como “Contacto”, marcamos “Edición de HTML” y pegamos el código. Volvemos a marcar lo de no permitir comentarios y a programar la entrada para una fecha pasada. Con todo eso hecho publicamos la página.

Ahora ya tenemos creadas nuestras dos páginas de “Contacto” y “Acerca de”. Lo siguiente y último será situarlas donde nuestros lectores las puedan ver bien.
Por ejemplo las podemos poner en la barra lateral.
Para ello vamos a “Diseño -> Elementos de la página” y añadiremos un gadget en a barra lateral para poner ahí los enlaces a nuestras páginas. Hacemos clic en “Añadir un gadget” y elegimos el de “Lista de enlaces”.
El título lo podemos dejar en blanco, podemos hacer que se ordenen alfabéticamente o no también. Necesitaremos los enlaces de las dos entradas que hemos creado, las pegaremos donde nos pide que introduzcamos una nueva URL y le daremos el nombre.

Una vez hecho esto, hacemos click en “Guardar” y si nos dirigimos a la página principal de nuestro blog, podremos ver como en nuestra barra lateral tenemos los nuevos enlaces a nuestras páginas.
También es posible añadir el gadget debajo de la cabecera, pero dependiendo de cada plantilla lo mostrará de una forma u otra. Tal y como yo lo he hecho así es como quedará en el blog.

El tener estas dos páginas en nuestro blog es algo que yo personalmente considero que todo blog debería incluir y como hemos visto, no tiene demasiada complicación añadirlas a pesar de que Blogger no nos deje por defecto