Saltar al contenido

Google Analytics: PageView, eventos y virtualPageView

¿Como medir una conversión si no tengo una URL de thank-you-page?

Cualquiera sea la necesidad de seguimiento, en Google Analytics podemos medir cualquier interacción, incluso cuando no tenemos URL.

Para abordar esta situación, se emplean los Virtual PageViews, los cuales se utilizan para identificar acciones en la web o en la aplicación que no generan un cambio en la URL, pero que aún así necesitamos medir como una página o vista de página. Esta técnica es especialmente útil para medir procesos de múltiples pasos, como embudos de conversión o flujos. Por ejemplo, cuando un formulario o contenido se visualiza a través de un modal o pop-up en la misma página, Google Analytics no lo registra de forma predeterminada, ya que espera la carga de página o Page Load.

Un escenario común es cuando se muestra un aviso de confirmación, como una «thank-you-page«, dentro de un modal, lo que no afecta la URL y, por lo tanto, no se registra en GA. Esto suele ocurrir al utilizar tecnologías AJAX como Angular, React.js Vue.js, jQuery etc . Para solucionarlo, es necesario enviar manualmente la información a Google Analytics mediante un Virtual PageView. Dado que no se trata de una carga de página predeterminada, se le llama Virtual PageView.

Otro caso común son las Single-Page Application (SPA), donde sólo tenemos una única PageView que es la misma Landing, quizás en un dominio raíz, No podemos medir, generar audiencias ni conversiones.

Implementar Virtual PageViews permite un seguimiento más preciso de las interacciones del usuario, especialmente en casos donde los cambios en la URL no reflejan completamente la actividad del usuario. Al forzar la recopilación de datos con Virtual PageViews, se garantiza una medición completa y precisa de los procesos en la web o en la aplicación, lo que facilita la toma de decisiones informadas basadas en datos sólidos.

¿Qué es una Single-Page Application (SPA)

Una Aplicación de Página Única (SPA, por sus siglas en inglés) es un tipo de aplicación web que presenta todo su contenido en una sola página.

Esta tecnología carga todo el contenido HTML, CSS y JavaScript al abrir la aplicación web. Al cambiar de una sección a otra, la aplicación solo necesita cargar el contenido nuevo de manera dinámica, sin tener que recargar la página completa Angular, React.js Vue.js son particularmente populares para estos Desarrollos. Esto resulta en tiempos de respuesta más rápidos y una navegación más ágil, lo que mejora significativamente la experiencia del usuario. Pero genera grandes inconvenientes para Analytics, SEO, Campañas en GoogleAds e email marketing.

Aunque una SPA consiste en una sola página, esto no significa que tenga un scroll infinito ni que el contenido carezca de estructura. En realidad, dentro de esa misma página, podemos encontrar diferentes vistas para cada sección de la aplicación web. Estas vistas son equivalentes a las páginas individuales de una Aplicación de Múltiples Páginas (MPA).

En cuanto a las URL del navegador, es posible que estas se actualicen en la barra de direcciones a medida que navegamos entre las diferentes vistas. Aunque la página en sí no cambia, sí lo hace su contenido. Asignar una URL única a cada pantalla es útil para la navegabilidad, permitiendo utilizar funciones como el botón de retroceso o avanzar del navegador, así como para compartir o guardar enlaces en marcadores. Con una URL única para cada pantalla, los usuarios pueden acceder directamente a la sección deseada sin tener que pasar por la página de inicio.

Sin una URL única para cada contenido, las herramientas de medición, incluyendo Analytics, tienen dificultades para distinguir entre diferentes contenidos. Esto limita su capacidad para proporcionar análisis precisos y detallados sobre cómo los usuarios interactúan con cada parte del sitio web o la aplicación. La falta de URL única puede generar datos confusos o incompletos, lo que dificulta la toma de decisiones informadas sobre estrategias de marketing, diseño de productos y mejoras en la experiencia del usuario. Por lo tanto, es fundamental garantizar que cada contenido tenga su propia URL única para una medición efectiva y un análisis significativo, al menos en Google Analytics o tu herramienta favorita de Analytics y para ello exiten las Virtual PageViews

Es necesario que el desarrollo considere que cada vez que se cambia el contenido y este no impacta en la URL si envíe una Virtual PageViews a tu Analytics, Meta, GoogleAds etc. De lo contrario como no podrás identificar qué contenidos prefiere el usuario tampoco podrás desarrollar audiencias vinculadas, y aun peor no poder medir conversiones.

Etiquetado UTM ¿Cómo Usar URL Builder De Google Analytics ?
SEO vs Paid Ads
¿Como medir campañas en Google Analytics?

Implementación del DataLayer para Medición de Conversiones

Para medir conversiones de forma precisa, es fundamental implementar un DataLayer del lado de la aplicación web que permita confirmar cada acción o transacción clave del usuario.

¿Qué es el DataLayer?

El DataLayer es un objeto de JavaScript utilizado para transferir información específica desde tu sitio web a Google Tag Manager (GTM) y luego a Google Analytics. En eCommerce, el DataLayer es especialmente útil para enviar detalles como productos, transacciones, y las interacciones de los usuarios.

Al utilizar un DataLayer, la información fluye hacia GTM de manera estructurada y organizada, permitiendo a las etiquetas acceder a datos clave sin depender de análisis de variables o URLs directamente desde la página. Esto asegura que los datos se transmitan de manera precisa y consistente.

Estructura del DataLayer

El DataLayer se estructura como un objeto JSON y se configura para transmitir eventos y variables a través de la capa de datos. GTM puede utilizar estos eventos como activadores (triggers), permitiendo ejecutar etiquetas en función de los valores de cada variable.

Ejemplo básico de un DataLayer para una transacción en eCommerce:

dataLayer.push({
  'event': 'purchase',
  'ecommerce': {
    'currency': 'ARS',
    'value': 100.00,
    // Otros parámetros relevantes de la transacción
  }
});

En este caso, cada vez que se complete una transacción, este objeto dataLayer enviará un evento “purchase” a GTM, proporcionando detalles como la moneda y el valor de la transacción.

Medición de Conversiones: Activación de Etiquetas con Eventos Específicos

Para medir conversiones o interacciones importantes en tu sitio web, puedes configurar eventos en el DataLayer que activen etiquetas específicas. Por ejemplo, si deseas registrar la conversión cuando un usuario completa un formulario de contacto, puedes agregar un evento llamado “form_Submission”.

Ejemplo de un evento para el envío de formulario de contacto:

window.dataLayer = window.dataLayer || [];
dataLayer.push({
 'event': 'generate_lead',
 'formType': 'Contact us',
 'user': {
     'name': 'marting',
     'email': 'marting@mail.com'
 }
});

Aquí, cada vez que un usuario envíe el formulario de contacto, el evento “generate_lead” (GA4 y Google Ads) «Lead» (en META) se enviará con detalles adicionales, como el tipo de formulario y la información del usuario, para que GTM lo registre.

Ventajas de una Buena Implementación de DataLayer

Una implementación organizada y predecible del DataLayer facilita el acceso a datos relevantes cuando las etiquetas los necesiten. GTM puede hacer referencia fácilmente a estos datos en lugar de depender de variables y parámetros en la página, lo cual agiliza la gestión de eventos y asegura la precisión de los datos que envías a Google Analytics.

Al tener un DataLayer bien estructurado y adaptado a tus necesidades de negocio, puedes optimizar las conversiones y medir acciones clave con mayor control y precisión.

DataLayer de Conversiones de Leads

Tanto en Google Ads (Enhanced Conversions) como en Facebook (Conversion Lead), es crucial enviar datos del usuario para optimizar el seguimiento y la atribución de conversiones. Una de las variables clave en este proceso es el correo electrónico del usuario, que permite a estas plataformas realizar un rastreo más preciso y atribuir conversiones de manera confiable.

Para capturar y enviar esta información, el DataLayer puede configurarse para recoger los datos ingresados en un formulario, como el correo electrónico, y luego transmitirlos a las etiquetas de conversión configuradas en Google Tag Manager. Esto garantiza que los datos necesarios se envíen correctamente tanto a Google Ads como a Facebook, manteniendo la integridad y precisión de las conversiones en ambas plataformas.

Parámetros de eventos en Google Analytics

Los cuatro parámetros del hit de evento en Google Analytics son:

  1. Categoría del evento (event_category): Describe la categoría del evento, como «Videos», «Descargas» o «Interacciones de usuario».
  2. Acción del evento (event_action): Indica la acción realizada por el usuario, como «Reproducción», «Clic» o «Descarga».
  3. Etiqueta del evento (event_label): Proporciona información adicional sobre el evento, como el nombre del video reproducido o el archivo descargado.
  4. Valor del evento (event_value): Opcionalmente, se puede incluir un valor numérico para cuantificar el evento, como el tiempo de reproducción del video o el tamaño del archivo descargado.

¿Cuándo se usan eventos en Google Analytics?

Los eventos en Google Analytics se utilizan para rastrear interacciones específicas del usuario con el contenido de una página web o una aplicación, independientemente de la carga de la pantalla o la página. Estas interacciones pueden incluir descargas de archivos, clics en anuncios móviles, interacciones con elementos AJAX y reproducciones de vídeo, entre otros.

Por definición, un evento se utiliza para medir funcionalidades en la web o en la aplicación que no están relacionadas con un cambio en la pantalla, como por ejemplo, hacer clic en un botón de descarga, reproducir o pausar un vídeo, o utilizar una funcionalidad de reordenar una lista. En estos casos, el método adecuado de seguimiento es enviar un evento a Google Analytics utilizando el código proporcionado:

ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);

Este código permite enviar información sobre la categoría, la acción y la etiqueta del evento, así como también su valor y cualquier objeto adicional necesario para el seguimiento.

Al utilizar eventos en Google Analytics, los propietarios de sitios web y aplicaciones pueden obtener información detallada sobre cómo los usuarios interactúan con su contenido, lo que les permite tomar decisiones informadas para optimizar la experiencia del usuario y mejorar el rendimiento de su sitio web o aplicación. Los eventos son una herramienta poderosa para medir el compromiso del usuario y el éxito de las estrategias de marketing y diseño de productos.

Guía para Instalar Google Analytics 4
¿por que amamos TagManager?

Medir Eventos con DataLayer

Seguramente has notado que existen varias formas de enviar información a Google Analytics. Aunque te estoy presentando alternativas de código para enviar datos directamente, enviar datos de esta manera nunca es mi primera opción. Siempre prefiero que, desde el lado de la web o de la aplicación, todo se maneje mediante JSON o DataLayer. Esto me permite administrar qué herramienta recibe la información, ya que puedo enviar los datos simultáneamente a Google Analytics, TikTok, Google Ads u otras herramientas necesarias.

Además, esta metodología me brinda la flexibilidad necesaria para escalar y mejorar el proceso de medición. Puedo tomar los valores proporcionados por la plataforma en un formato JSON, optimizarlos desde Tag Manager y, finalmente, enviarlos a la plataforma requerida.

Por lo tanto, si bien te estoy presentando alternativas para enviar datos, quiero resaltar que mi preferencia siempre será utilizar DataLayers. Esto garantiza una gestión más eficiente y adaptable de la información, permitiendo una integración más fluida con múltiples herramientas de análisis y seguimiento.

Eventos Automáticos en GA4

Los eventos Automáticos «Enhanced measurement» simplifican el seguimiento inicial de eventos al generar automáticamente ciertas interacciones, como la carga de página y los clics en enlaces externos. Esto ofrece a los programadores una forma rápida de comenzar a medir el comportamiento del usuario sin necesidad de configurar eventos personalizados desde cero. Sin embargo, es crucial tener en cuenta que los Eventos Automáticos pueden generar conflictos si se combinan de manera inadecuada con eventos personalizados.

Aquí tienes un listado de Enhanced measurement en GA4

  1. page_view: Se activa cuando se carga una página.
  2. scroll: Se activa cuando el usuario desplaza la página.
  3. outbound_click: Se activa cuando un usuario hace clic en un enlace externo.
  4. site_search: Se activa cuando un usuario realiza una búsqueda en el sitio.
  5. video_start: Se activa cuando un usuario inicia la reproducción de un vídeo.
  6. video_progress: Se activa cuando un usuario avanza en la reproducción de un vídeo.
  7. video_complete: Se activa cuando un usuario completa la reproducción de un vídeo.

Estos son algunos de los eventos de medición mejorada disponibles en Google Analytics 4 (GA4). La implementación de estos eventos puede proporcionar una comprensión más profunda del comportamiento del usuario y ayudar a optimizar la experiencia del usuario en el sitio web o la aplicación.

Es importante destacar que los Eventos Automáticos no recopilan todas las propiedades de la misma manera. Por ejemplo, un evento puede tener valores undefined para dimensiones como Page Title o Page Path, lo que puede aumentar la inconsistencia en los informes y generar dimensiones con valores «Not Set» para ese evento. Esto no necesariamente indica un error, pero puede dificultar el análisis y la interpretación de los datos si no se aborda adecuadamente.

Para mitigar estos problemas, los programadores deben ser conscientes de la manera en que se están recopilando y procesando los datos de eventos automáticos. Es recomendable revisar y ajustar la configuración de seguimiento según las necesidades específicas del proyecto. Además, se pueden utilizar eventos personalizados para complementar la información recopilada mediante eventos automáticos y garantizar una medición más precisa y completa del comportamiento del usuario.

En resumen, mientras que los Eventos Automáticos en GA4 ofrecen una forma conveniente de comenzar a medir eventos, es fundamental comprender sus limitaciones y potenciales problemas. Al ser conscientes de estos aspectos y tomar medidas proactivas para abordarlos, los programadores pueden optimizar la calidad y la utilidad de los datos recopilados, lo que les permitirá tomar decisiones más informadas y efectivas en el desarrollo y la optimización de sus sitios web y aplicaciones.

Etiquetado UTM ¿Cómo Usar URL Builder De Google Analytics ?
¿Como implementar DataLayers de Ecommerce?
¿Como crear una estrategia de Posicionamiento en Buscadores?

Campos de evento en Google Analytics

En la tabla siguiente se ofrece un resumen de los campos de evento:

Nombre del campoTipo de valorObligatorioDescripción
eventCategorytextoSuele ser el objeto con el que se ha interactuado (por ejemplo, 'Video').
eventActiontextoRepresenta el tipo de interacción (por ejemplo, 'play').
eventLabeltextonoResulta útil para clasificar los eventos (por ejemplo, 'Fall Campaign').
eventValueenteronoValor numérico asociado al evento (por ejemplo, 42)

Para medir un evento descarga

<a href=”www.martingaray.com.ar/book.pdf” 
    onclick=”ga(‘send’, ‘event’, ‘Category’, ‘Action’, ‘Label’, ‘Value’);”>
descargar
</a>

Para medir un evento Video Play

ga('send', {
  hitType: 'event',
  eventCategory: 'Videos',
  eventAction: 'play',
  eventLabel: 'Video: como usar eventos en GA'
});

Medir enlaces salientes

Los eventos, son muy útiles para medir los links salientes del sitio, de esta manera puede monitorear el comportamiento de los usuarios en relación a contenidos que llevan al usuarios a otros sitios

de esta manera puede desarrollar una función global, que puede detectar cuando se realiza un click en un link que apunta a otro dominio diferentes al de su sitio Web

Eventos de Interacciones sociales

Con la analítica de interacciones en medios sociales puedes medir el número de veces que los usuarios hacen clic en botones de redes sociales insertados en páginas web. Por ejemplo, se podría medir un Me gusta de Facebook o un tuit de Twitter.

Aunque la medición de eventos puede ayudarte a analizar muy bien las interacciones de usuario generales, los informes sociales de Analytics proporcionan un marco coherente para registrar interacciones sociales. Esto, a su vez, proporciona un conjunto coherente de informes para comparar las interacciones sociales en varias redes.

Si no conoces muy bien las interacciones sociales en Google Analytics o no sabes qué valores de red social, acción o destino debes usar, este es un resumen:

medir interacciones sociales en tu Web App

En la tabla siguiente se ofrece un resumen de los campos de interacción social:

Nombre del campoTipo de valorObligatorioDescripción
socialNetworktextoIndica la red en la que se produce la acción (por ejemplo, Facebook o Twitter).
socialActiontextoIndica el tipo de acción que se produce (por ejemplo, «Me gusta», «Enviar» o «Tuit»).
socialTargettextoEspecifica el destino de una interacción social. Este valor suele ser una URL, pero puede ser cualquier texto (por ejemplo, http://mycoolpage.com).

Para un evento Compartir en Redes Sociales

ga('send', 'social', [socialNetwork], [socialAction], [socialTarget], [fieldsObject]);