¿Cómo crear anotaciones de seguimiento de las estadísticas?

Muchas veces me ocurre, sobre todo en la fase de optimización de un sitio web o blog, que hago cambios en el HTML con el fin de buscar mayores visitas. Pero cómo saber si determintados cambios tienen efecto positivo o negativo en las estadísticas..

...La única manera práctica que he encontrado es usar las Notas en Google Analytics. Pensadas para explicar determinados picos por ejemplo "Día de conferencias en el congreso...", pero en mi caso es perfecto para llevar anotaciones cronológicas sobre los cambios en el sitio.

Sigue estos pasos:
1.- Accede a Google Analytics
2.- Accede a los informes del sitio
3.- Haz clic en la gráfica, justo en el punto concreto donde quieres especificar una nota
4.- Haz clic en "Crear nueva anotación" y escribe tu nota

Observa que puedes recorrer todas las anotaciones desde el panel situado en la parte inferior de la gráfica.

[VIA]

Un blog no es ni más ni menos que un diario. Este diario puede ser personal o tener un carácter corporativo. Puedes escribir sobre cualquier cosa que te gustaría compartir con el resto de usuarios de Internet. Cada vez que escribes algo nuevo lo haces en una nueva página o lo que se llama Post o entrada y por ejemplo puedes usar un blog para..

Escribir sobre:

• Los productos y novedades de tu tienda...
• Sobre jardinería, fotografía, deportes, manualidades, mecánica...
• Sobre tecnología, viajes, actualidad, poesía, arte, música, cine...
• Sobre la familia, los niños...
• Blog corporativos que describen los hitos de la empresa, eventos, novedades de productos, etc.

Por lo tanto, deberás tener claro de lo que quieres escribir, a quién te vas a dirigir, la forma y el propósito del blog. Por último debes ser constante y escribir si no cada día sí varias a la semana. Realmente esto último es lo mas importante, lo de cómo escribir o a quién los iras perfeccionando con el paso del tiempo.

A parte del texto, podrás insertar fotos, vídeos y también audio.

Ahora te hace falta un gestor para el blog, y es cuando te presento a Blogger de Google.Este servicio (Blogger), te permite crear blogs, crear y editar entradas o post, personalizar el diseño del mismo, te permite configurarlo para por ejemplo indicar si es un blog público o privado para ciertas personas...Lo más importante, de manera gratuita y además con el tiempo tus post aparecerán en el buscador de Google.

Qué necesitas:
Ilusión por lo que vas a emprender y dedicación para mantenerlo
Una cuenta de Gmail (Correo electrónico de Google). Si no la tienes puedes crearla desde aqui.

Qué no necesitas:
No necesitas tener conocimientos de HTML, ni programación Web.
No necesitas un hosting (alojamiento) ya te lo proporciona Google de manera gratuita.
No necesitas un dominio, cuando crees el blog Google te asigna uno gratuito por el que empezar. Ejemplo www.minuevoblogesunamaravilla.blogspot.com (que luego podrás cambiar por un .com)

Pasos para crear el blog:
Conecta con blogger y sigue el asistente hasta que escribas tu primer post, cuando lo estés escribiendo ya habrás  creado el blog y tendrás una dirección a donde invitar a tus amigos.
Por supuesto te recomiendo sigas este blog ya que trata de eso, de cómo poner en marcha un blog y que aspectos debes ir considerando poco a poco. Todos los elementos que aparece en este blog están explicados en sucesivas entradas. Veremos temas interesantes como el botón de "Me gusta" en cada entrada o cómo poner iconos sociales e incluso un reproductor mp3...

[VIA]

Agregar el blog al buscador de Google

Lo primero que tenemos que hacer es ver que diga "Sí" la opción ¿Deseas añadir tu blog a nuestras listas?, que lo encontramos en la pestaña Configuración, Básico.

Para agregar el blog al buscador de Google nos dirigimos a la siguiente página:

http://www.google.es/addurl/ 

Ahí ingresamos la dirección URL del blog y comentarios o palabras claves para describir el contenido de tu blog.

Lo que no piensen que va a aparecer de inmediato, hay que tener paciencia.


Vía: Lo se asi

Cómo usan el buscador en tu sitio los lectores

La forma en que los visitantes llegan desde los buscadoreses información valiosa sobre un sitio web, sin embargo, pocas veces se monitorea como los lectores usan su buscador interno, que también es información de valor sobre los objetivos de los lectores.

Google Analytics tiene una forma bastante sencilla de agregar esta información a nuestros informes.

1. En en el panel de entrada de Analytics, en la fila del sitio web de interés, columna de Acciones, clic en Editar.

Panel →Sitio web → Acciones → Editar

En el cuadro de Información del perfil del sitio web principal, clic en Editar.

Información del perfil del sitio web principal → Editar

En el formulario hay que activar Realizar seguimiento de la búsqueda del sitio y en parámetros de consulta colocar: Para Blogger: q. Para WordPress: s. Correspondientes a la variables de búsqueda de cada sistema.

2. Para tener el informe de búsquedas a mano, se puede agregar un gadget al panel. En ver informe, del sitio en cuestión, ir a Contenido en la barra lateral, después Contenido principal y en filtrar por Página agregar:

Para Blogger: \?q=

Para WordPress: \?s=

Y después ‘Añadir al panel’.

La información obtenida por este medio te ayudará a conocer mejor que buscan, literalmente, los lectores en tu página.

Vía: Blog and Web

Personalizar el gadget de Páginas estáticas / Añadir un enlace a la lista de paginas

Crear una página es muy sencillo, sólo entra en Creación de entradas > Editar páginas y haz click en Página nueva.

Redacta el contenido y publícala.

¿Cómo podemos ver el contenido de estas páginas?

Blogger nos da tres opciones, una es usando una lista de enlaces en la sidebar; otra es usando un menú debajo de la cabecera con los enlaces a tus páginas; y la última es sin gadget, sólo nos da la URL de la página para agregarla donde tú elijas.

Quienes hayan escogido la primera o segunda opción verán que el menú de las páginas es extremadamente sencillo y sin chiste.

Pero podemos personalizarlo para darle "otra cara" y hacer que parezca menú y no una simple lista de enlaces.

Para hacerlo sólo hay que agregar unos estilos en la plantilla, los estilos son los mismos que usaríamos para un menú simple, ya que el gadget de Páginas que nos da Blogger no es otra cosa mas que una lista de enlaces.

Para personalizar este gadget entra en Diseño > Edición de HTML y pega antes de ]]></b:skin> lo siguiente:

/* Menú de páginas
----------------------------------------------- */
#PageList1 {
width: 100%;
border: 1px solid #625e00; /* Color del borde del menú */
background-color: #E0ECF8; /* Color de fondo */
}
#PageList1 ul li a {
color: #000; /* Color de los enlaces */
text-decoration: none;
font-weight: bold;
padding-right: 20px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7DndIkD5OgqAxkLCYw5Z3-einzRrBn_M8BrDnYEZ0hpv_kCe_BHg0hZjKFbIH3SxH7iABD5aQq2XAgD4u1du7S0XxfSPspkk9jUupC_0yftQO8VBdDFxdCoYjmW8GsrxvkffWkqsMTpQ/s320/vertical.gif) center right no-repeat;
}
#PageList1 ul li a:hover {
color: #ccc; /* Color del texto al pasar el mouse */
position: relative;
left: 1px;
top: 1px;
}

El resultado será este.

He puesto en color verde las anotaciones para que lo personalicen a su gusto. Por supuesto pueden agregar más, como una imagen de fondo, otro tipo de letras, etc.

Sé que mucho pensarán -¿de qué me sirve ese menú si no puedo tener otros enlaces que no sean páginas estáticas?
Pues adicionalmente a lo que acabamos de hacer también podemos editar el gadget para mostrar otros enlaces que no sean las páginas estáticas.

Para hacerlo hay que entrar a Diseño > Edición de HTML, marcar la casilla Expandir plantillas de artilugios y buscar el código del gadget que es este:

<b:widget id='PageList1' locked='false' title='Páginas' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
<li><a href='http://URL del enlace'>Título del enlace</a></li>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Agrega lo que está en color rojo por cada enlace que quieras poner en el gadget. Y pon donde se indica la URL del enlace y el título del enlace.

Los enlaces que agreguemos se acomodarán al final del gadget pero los enlaces de las páginas estáticas sí podemos cambiarlas de orden.
Para hacerlo entra en Diseño > Elementos de la página y haz click en Editar sobre el elemento Páginas.
Ahí verás en un recuadro los títulos de tus páginas, sólo arrastralos para cambiarlos de lugar.


Esta característica de las páginas es nueva, así que hay que atenernos al "humor" de Blogger ante cualquier cambio. Por mi parte las he probado y puedo decir que aceptan los scripts como el del sitemap y que no se indexan, así que no aparecerán en el feed del blog.

Vía: Ciudad Blogger

Blogger: Cómo conocer las estadísticas de acceso al blog con Google Analytics

Aunque Google incorpora una pestaña de "Estadísticas" en el blog, vamos a usar Google Analytics para conocer con mayor detalle los datos de acceso al mismo...

Paso 1. Conecta con Google Analytics
Paso 2. Presiona el enlace "+ Añadir perfil nuevo" (lo tienes arriba a la derecha
Paso 3. Coloca la URL del blog y finalmente copiamos el código de seguimiento
Paso 4. Vamos al "Editor HTML" dentro de la pestaña "Diseño" del Blog
Paso 5. Buscamos "/head>" y pegamos el código de seguimiento justo antes
Paso 6. Guardamos la plantilla

Si queremos comprobar que el código de seguimiento está instalado correctamente realiza estos pasos.

Paso 1. Regresamos a Google Analytics y hacemos clic en "Ajustes de Google Analytics" (arriba a la izquierda)
Paso 2. Veras un registro con la dirección del blog
Paso 3. Pulsa "editar" en la parte derecha y arriba tienes  "comprobar estado"

Deberás dejar pasar por lo menos 24 horas hasta que veas algún dato estadístico del blog.
En próximas entradas veremos con recibir automáticamente un boletín semana/mensual en PDF con las estadísticas generadas.


Vía: Inicia Blog

Blogger: Cómo crear un formulario de contacto para el blog

En nuestro blog ya hemos creado varias entradas, también lo hemos enlazado con Google Analytics y hemos enviado el Sitemap con las Herramientas para WebMaster. Ahora vamos a incorporar un nuevo elemento sumamente importante, un formulario de contacto...
Para lograr este nuevo objetivo vamos a utilizar otro servicio de Google, se llama Google Docs. Este servicio permite crear y compartir a través de Internet documentos de texto, hojas de cálculo, presentaciones de diapositivas, dibujos y también Formularios.

El diseñador de formulario de Google Docs nos permitirá por lo tanto crear una serie de campos como el nombre, email, observaciones y finalmente nos facilita un código HTML que integraremos en una nueva página del blog.

Sigue estos pasos:

Paso 1. Conecte con Google Docs
Paso 2. Usa el botón "crear nuevo" e indica que se trata de un formulario
Paso 3. Diseña tu formulario con lo campos estándares, puedes marcar incluso los obligatorios
Paso 4. Arriba a la derecha, tienes un botón "Más acciones", selecciona "Insertar"
Paso 5. Copia el código, regresa al blogger
Paso 6. En la "Creación de entradas" ve la "Edición de páginas" y crea una nueva página
Paso 7. En la vista "Edición de HTML" de la edición pega el código copiado desde el formulario
Paso 8. Guarda la página y comprueba que funciona

Notas: Si tienes un menú de navegación de páginas, la nueva página se agregara automáticamente tal y como está en este blog. En caso contrario, anota en enlace a la nueva página y coloca el link en un lugar visible del blog.

Puedes seguir mejorando el diseño del formulario (nuevos campos, plantilla...) y este se actualiza automáticamente en nuestra página del blog.

Por cada formulario enviado, el sistema creará un nuevo registro en una hoja de cálculoautomáticamente. Veremos en otro post cómo hacer para que, por cada formulario recibido Google Docs nos envíe una notificación por correo electrónico.

Si tuvieras alguna duda o problema deja comentario en esta misma entrada.


Vía: Inicia Blog

Blogger: Programar entradas para su publicación

Esta función está solo disponibles si accedemos desde Blogger Draft. Veremos, a la hora de crear las entradas, que ahora podemos definir fecha y hora para que sean publicadas. Una vez determinemos sus fechas y horas, publicaremos dichas entradas, y éstas aparecerán en las listas de entradas publicadas aunque con la etiqueta “programada”: 

Si antes de que se publiquen nuestras entradas programadas nos echamos atrás, siempre podemos volver a la lista de entradas publicadas para su edición, y escoger nuestras entradas programadas para guardarlas de nuevo como borrador, lo cual elimina las fechas programadas y podremos determinar cuando las queremos publicar.

¿Cómo insertar en el blog o web la actividad de Twitter?

Hace algún tiempo que ya vinculamos el blog con Twitter y Facebook, de manera que cada entrada del blog, se publica en estos canales sociales. Con el paso del tiempo le he ido cogiendo cariño a Twitter y voy alimentando este canal con Tweets de las personas a las que sigo y de lo que voy encontrando por Internet relacionado con la temática de iniciaBlog.

Por este motivo vamos a "reinjectar" en el blog la actividad del Twitter. De Manera que los Tweets formarán parte del menú vertical del blog.

Pasos para integrar la actividad de Twitter en el blog.

Paso 1. Entrar en los Widgets de Twitter (el de perfil)
Paso 2. En Configuración indicar el nombre de usuario de Twitter
Paso 3. En Preferencias, puedes indicar diversos parámetros como la forma en la que se muestran los Tweets, si incluyes barras de desplazamiento vertical, foto del perfil, cantidad de Tweets, etc.
Paso 4. Ajustar la Apariencia y las Dimensiones
Paso 5. Presionar el botón Probar configuración y una vez estemos convencidos, presiona el botón Terminar & Guardar código
Paso 6. Copiar el código y ahora volvemos al blog
Paso 7. En la pestaña Diseño y luego en Elementos de la página insertar un Gadget del tipoJava Script/HMTL y pegar el código
Paso 8. Sitúa el nuevo elemento en la posición que quieras, guardar la plantilla y listo.

Puedes verlo funcionado a la derecha. Es ideal también para aplicarlo en la página web corporativa.

Vía: Inicia Blog