Lo más simple es hacerlo midiendo el porcentaje de scroll, pero si identificamos partes o módulos clave de nuestra web determinaremos mucho mejor si los lectores leen los textos hasta el final y si ven otros elementos. El scroll puede indicar otras muchas cosas y ayuda a saber en qué punto de la página se encuentra el final de la noticia (sobre todo si entre medias aparecen banners de tamaños variables).
Pasos a realizar:
- ¿Qué elementos quieres medir?
- Identifica las clases CSS a las que pertenecen
- Crea etiquetas y disparadores de eventos en Google Tag Manager
Paso 1: decide los elementos de la página que quieres medir
Para hacerlo práctico voy a poner de ejemplo este blog (y con la configuración que tengo aplicada) y lo voy a hacer muy simple. Voy a medir cuando en la pantalla del lector aparezcan:
- Titular
- Final del artículo
- Módulo de anterior y siguiente artículo
- Módulo de otros contenidos relacionados
Paso 2: determina las clases CSS a las que pertenecen
El titular es fácil, debe ser el primer y último H1 que esté en la web. El resto es más concreto y algo molesto de extraer. Usaremos el inspector del navegador (en mi caso, Chrome):
1. Haz clic con el botón derecho en cualquier parte de una noticia o artículo de tu web y pulsa en «Inspeccionar»
2. En la ventana que se abre, activa la opción cuyo icono es un cursor. Con esta opción podemos señalar cualquier elemento de la web para que el inspector nos localice su código HTML
3. Ponte encima del módulo justo al final del artículo. En mi caso, este cuadro con la autoría del post. Quédate con lo que aparece en azul tras div, en este caso, «.saboxplugin-wrap»
Localizando todas las clases CSS de los módulos que me interesan, el reparto es el siguiente:
- Titular:
h1 - Final del artículo:
.saboxplugin-wrap - Módulo de anterior y siguiente artículo:
.posts-navigation - Módulo de otros contenidos relacionados:
.related-posts
Paso 3: crear las etiquetas y disparadores de eventos en Google Tag Manager
El seguimiento de estos datos se realiza mediante eventos en Google Analytics. Realizaremos la implementación con Google Tag Manager, que nos lo pone realmente fácil. Vamos a tardar un par de minutos, literalmente.
Los eventos en Google Analytics se clasifican en categoría, acción y etiqueta, en ese orden y en sucesión. Así es cómo lo he configurado yo para mi blog y usando como ejemplo que el lector haya visto el titular de un post:
- Categoría:
Visto - Acción:
Titular - Etiqueta:
la página que sea
Solo la etiqueta es dinámica, las dos anteriores son texto fijo de manera que podamos extraer tanto el número de veces que un titular se ve, como las veces que se ve el titular en cada artículo. Lo mismo aplica al resto de elementos que hayamos decidido medir.
Configuración de la etiqueta en GTM
Configuración del disparador
En el caso del disparador, además de incluir los datos necesarios con la clase de CSS que estamos buscando (en este caso, la del final del artículo), incluiremos un tiempo mínimo que tiene que pasar para que el evento salte. Evitamos que el evento se dispare si el lector hace un scroll rápido sin prestar atención, haciendo scroll por hacerlo. Yo he configurado un segundo, pero no hay una cifra estandarizada.
Asimismo el disparador no debe realizarse en la portada del blog, en donde aplican otras reglas CSS y donde no necesito saber si han leído todo; no tiene mucho sentido. Nos ahorramos un descuadre importante de datos al hacer el análisis.
4. ¿Dónde consultar los resultados?
Son eventos, por lo que no están muy escondidos en Analytics:
Comportamiento > Eventos > Eventos principales
5. Seguimiento en Google Data Studio
Aparte de la consulta en Analytics, resulta más práctico configurar un cuadro de mandos en Data Studio para hacer este seguimiento sencillo y visual. He realizado uno muy básico pero práctico que puedes duplicar y utilizar con tu Analytics si has configurado las acciones y las etiquetas de eventos igual que yo. Si no, coge la idea y adáptala a tus necesidades:
El cuadro de mandos es tan básico que dejo hueco a otros elementos que quieras incluir para completar el análisis. Juega con él todo lo que quieras.
