Grabar iframes en Session Replay 2.0

Una de las últimas características disponibles en Yandex Metrica es la grabación de iframes en Session Replay (grabación de sesiones).

Para que puedas ver el contenido del iframe en la grabación de sesiones, es necesario que la página contenedora del iframe y la página que se muestra en el iframe tengan el mismo código de seguimiento de Yandex Metrica.

La página que se muestra en el iframe contará como una página vista en los informes de Metrica. Si no quieres que esa página se tenga en cuenta como una página individual (ya se está mostrando en el iframe y registrará como página vista la que lo contiene), puedes inicializar el código de seguimiento de Metrica en el contenido del iframe con el parámetro defer: false, para así evitar que al inicializar el código envíe la página vista por defecto.

En esta captura de pantalla se puede observar cómo las páginas mostradas dentro del iframe, sin el parámetro defer: false, se registran como página vista, sumando en el total de páginas vistas en la sesión, con un tiempo en la página de 0:00 segundos. Ya es decisión tuya si las excluyes como página vista o no.

Y en este vídeo se ve el resultado de un pequeño experimento que carga páginas en un iframe, insertando el código de seguimiento con Google Tag Manager y/o Yandex Metrica, con y sin el parámetro defer. Las páginas en iframe sin código de seguimiento de Metrica, no quedaron grabadas en Session Replay, y las que no tenían el parámetro defer se registraron como página vista en la sesión.

Plantilla de Yandex Metrica para GTM

Las plantillas personalizadas son una de las últimas características que han aparecido en Google Tag Manager. Y de haber aparecido un par de meses antes, me hubieran ahorrado una cantidad de tiempo enorme implementando Yandex.Metrica en un proyecto reciente.

La plantilla sobre la que trata este artículo es una plantilla para implementar el código de seguimiento de Yandex.Metrica a través de Google Tag Manager. Su interfaz está en español y tiene casi todas las opciones y características que tiene disponibles Metrica para su código de seguimiento:

  1. Inicialización
  2. Hit / Página vista
  3. Objetivo
  4. Enlace saliente
  5. Descarga de fichero
  6. Parámetros de sesión
  7. ID de usuario
  8. Parámetros de usuario

Unos muy buenos recursos que me han ayudado son la Custom templates quick start guide, de Google; la Custom Templates Guide For Google Tag Manager, de Simo Ahava; y la Google Tag Manager Custom Template – Yandex Metrica, de David Vallejo (en inglés, disponible también en GoogleTagManagerTemplates de GitHub, donde supongo que se irá actualizando, además de recoger en ese repositorio otras muchas plantillas).

Puedes descargar la plantilla para Yandex.Metrica con este enlace, y si necesitas ayuda para importarla en tu contenedor de GTM, puedes echar un vistazo a este tutorial de introducción a las plantillas personalizadas.

1. Inicialización

Método: init

Para inicializar el código de seguimiento de Metrica. Se pueden configurar las principales opciones y características sin tener que editar el contador en la administración de nuestra cuenta de Metrica. No obstante, hay algunas cosas que deberías dejar configuradas cuando crees el contador y otras que tendrás que hacer impepinablemente en la interfaz de Metrica.

Te recomiendo que en la configuración de tu contador dejes marcadas las opciones para la grabación de sesiones, envío de datos de comercio electrónico y divisa por defecto tal como lo necesites. Respecto a la grabación de sesiones, tienes que usar Session Replay 2.0, ya que esta plantilla no es compatible con el código anterior de Metrica. También has de indicar si quieres grabar las pulsaciones de teclado en la grabación de sesiones (siempre lo puedes desactivar de forma específica usando el CSS que indica Metrica para estos casos).

Para habilitar los informes de comercio electrónico en Metrica, tienes que habilitar esta opción en el código de seguimiento, y además incluir en el código de tu página el dataLayer (que puede ser el mismo que uses para Google Tag Manager / Google Analytics).

<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
</script>

Filtros y objetivos, lógicamente, los tienes que seguir creando desde la interfaz de Metrica, así como exclusión de visitas propias o la activación y gestión de las notificaciones que puedes tener sobre el estado del sitio web configurado.

Sobre el debug de Yandex.Metrica, lo puedes activar en las opciones de inicialización, pero solo funcionará si el contenedor de GTM está en modo de vista previa.


2. Hit / Página vista

Método: hit

Para enviar páginas vistas / páginas virtuales. El único parámetro obligatorio es el de la URL de la página que envías.


3. Objetivo

Método: reachGoal

Envia información sobre la consecución de un objetivo. Previamente lo has tenido que definir en la interfaz de Metrica. Cuidado con el nombre del objetivo, ha de coincidir con lo que hayas puesto en Metrica. Importe y divisa son opcionales, en las divisas he añadido Euro, Dólar americano, Rublo y Libra esterlina (puedes añadir lo que necesites editando la plantilla o vía variable de GTM).

Si se trata de un objetivo de comercio electrónico (venta), puedes enviar el ID del objetivo usando el dataLayer, no hace falta usar reachGoal. En este caso, no se usa el nombre del objetivo, si no el ID numérico del objetivo (lo obtienes igualmente de la interfaz de Metrica).


4. Enlace saliente

Método: extLink

Si has configurado el código de seguimiento para que registre enlaces salientes, puede que no uses esta opción, aunque la tienes disponible para enviar a Metrica datos de enlaces externos que puedas usar vía ajax o técnicas similares. El único parámetro obligatorio es la URL del enlace externo. Si no pasas el título de la página, Metrica registrará document.title como valor por defecto.


5. Descarga de fichero

Método: file

Como el método anterior, si has configurado el registro de descarga de ficheros en el código de seguimiento de Metrica, puede que no necesites esta opción. En la configuración del código de seguimiento puedes añadir extensiones de fichero que quieras registrar de forma automática, si la que necesites no está incluida en las numerosas extensiones de fichero que registra Metrica por defecto.


6. Parámetros de sesión

Método: params

Los parámetros de sesión están disponibles como opciones en los métodos init, hit, reachGoal, file y extLink. Puedes usar hasta 10 niveles en los parámetros de sesión, aunque tendrás que echarle algo de imaginación para usar más de 2 niveles con la tabla que te permite crear GTM.


7. ID de usuario

Método: setUserID

Fácil. Enviar el ID de usuario interno que utilices en tu sitio web. Puedes enviarlo en cualquier momento durante una sesión para asociar el clientID de Metrica con el ID de usuario que especifiques.


8. Parámetros de usuario

Método: userParams

Metrica permite pasar parámetros de usuario y recomienda pasar datos de usuario que no cambien de una sesión a otra y que no contengan datos personales como el nombre del usuario. Para comprender un poco mejor la diferencia entre parámetros de usuario y parámetros de sesión, puedes echar un ojo a esta página donde explican cómo se procesan y almacenan los datos.

¿Y el resto de métodos?

Del resto de métodos (getClientID, addFileExtension y notBounce), el único que no está disponible en esta plantilla es getClientID. Los otros dos, addFileExtension y notBounce he decidido incluirlos como opciones en la configuración para la inicialización del código de seguimiento y se ejecutan, en caso de estar configurados, en el momento de inicializar el código de Yandex Metrica.

Yandex Metrica cumple 10 años

Yandex Metrica, el producto para analítica web de Yandex, está de cumpleaños. Como dicen en la página que dedican a esta ocasión, ya son 10 años ayudando a crecer a los negocios online.

Por cierto, en esa página, además de los hitos más relevantes que han sucedido en este tiempo, te proponen un test de conocimientos sobre analítica para que descubras qué tipo de analista eres. ¿Te animas a hacerlo?

La nueva grabación de sesiones de Yandex Metrika

Hace ya unos cuantos meses que Yandex anunciaba una beta (cerrada, inicialmente) de su Webvisor (herramienta incluida en Yandex Metrika que graba las sesiones de los usuarios que visitan nuestro sitio web). Y aunque sigue como beta, hace tiempo que dejó de estar cerrada, tenía pendiente escribir algo sobre este nuevo Webvisor 2.0

Bueno, no es más que mi impresión personal después de haber estado usándola durante estos últimos meses. Y la impresión es que ha mejorado muchísimo. En algunos de mis proyectos no se llegaba a reproducir bien la sesión, sobre todo en proyectos que usan ventanas modales y contenido dinámico basado principalmente en jQuery y Ajax. Pero parece que Yandex se ha puesto las pilas y la mejora, como decía, es más que notable, tanto en la interfaz como en la reproducción de la sesión.

Para usar la nueva versión del Webvisor, tienes que actualizar la configuración de Session Replay y actualizar también el código de seguimiento en tu sitio web (es prácticamente el mismo, solo cambian tres líneas). Con esta nueva versión ya no es necesario configurar la forma en que Metrika graba las páginas.

Configuración del Webvisor “clásico”

 

Configuración del Webvisor 2.0

Si eres de los que usa Yandex Metrika por los mapas, análisis de formularios o grabación de sesiones y aún no te has pasado a Webvisor 2.0, te recomiendo que lo hagas sin dudarlo.