En esta página se explica cómo usar gtag.js para medir las interacciones con páginas de sitios cuyo contenido se carga de forma dinámica, y no mediante las cargas de página completa tradicionales.
Resumen
Las aplicaciones de página única son aplicaciones o sitios web que cargan todos los recursos necesarios para navegar por los sitios 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 enviar otra solicitud de página completa.
La etiqueta de Google funciona bien con los sitios web tradicionales porque el código del 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 completa, el código del fragmento gtag.js solo se ejecuta una vez. Por lo tanto, la medición de las vistas de página (virtuales) posteriores debe hacerse manualmente a medida que se carga nuevo contenido.
Medir vistas virtuales de 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.