Medición de aplicaciones de página única con gtag.js

En esta página se explica cómo usar gtag.js para medir las interacciones con páginas de sitios web cuyo contenido se carga de forma dinámica, y no mediante las cargas de página completa tradicionales.

Descripción general

Las aplicaciones de página única son aplicaciones o sitios web que cargan todos los recursos necesarios para navegar por los sitios web en la primera carga de la página. A medida que los usuarios hacen clic en los enlaces e interactúan con la página, el contenido posterior se carga de forma dinámica. Con frecuencia, las aplicaciones actualizan la URL de la barra de direcciones para emular la navegación de páginas tradicional, pero no se vuelve a hacer otra solicitud de página completa.

La etiqueta global de sitio web de Google Analytics funciona bien con los sitios web tradicionales porque el código de fragmento se ejecuta cada vez que los usuarios cargan una página nueva. Sin embargo, en el caso de las aplicaciones de página única, donde el nuevo contenido de página se carga dinámicamente, en vez de hacer cargas de página completas, el código del fragmento gtag.js solo se ejecuta una vez. Por lo tanto, la medición de las páginas vistas (virtuales) posteriores debe hacerse manualmente a medida que se carga nuevo contenido.

Medir vistas virtuales de una página

Cuando tu aplicación carga contenido dinámicamente y actualiza la URL en la barra de direcciones, la URL de la página almacenada con gtag.js también debe actualizarse. También puedes medir los cambios de dirección en tu sitio web como vistas de página.

Para definir la ruta que debe registrar gtag.js, usa el comando set para especificar el valor del parámetro page_path:

gtag('set', 'page_path', page_path);
gtag('event', 'page_view');

Por ejemplo:

gtag('set', 'page_path', '/new-page.html');
gtag('event', 'page_view');

Una vez que hayas añadido el nuevo valor a page_path, se aplicará a todos los eventos posteriores que se envíen a esa propiedad.

Gestionar varias URLs para el mismo recurso

Algunas aplicaciones de página única solo actualizan la parte hash de la URL cuando cargan contenido dinámicamente. Esto puede dar lugar a situaciones en las que distintas rutas de página apunten al mismo recurso. En esos casos, lo mejor suele ser elegir una URL canónica y solo enviar ese valor de page_path a Google Analytics.

Por ejemplo, supongamos que se puede acceder a la página "Quiénes somos" de un sitio web mediante cualquiera de estas URLs:

  • /about
  • /#/about
  • /home/#/about

Para evitar que aparezcan datos duplicados en los informes, lo mejor es registrar estas páginas asignando /about al comando page_path.