En esta página, se describe cómo usar gtag.js para medir las interacciones con páginas en sitios que cargan contenido de forma dinámica, sin las cargas tradicionales de página completa.
Descripción general
Una aplicación de una sola página (SPA) es una aplicación web o un sitio web que carga todos los recursos necesarios para navegar por un sitio cuando se carga la primera página. A medida que el usuario hace clic en vínculos e interactúa con la página, el contenido subsiguiente se carga de forma dinámica. La aplicación a menudo actualiza la URL en la barra de direcciones para emular la navegación tradicional de páginas, pero nunca se realiza una solicitud de página completa por separado.
La etiqueta de Google funciona bien con los sitios web tradicionales, ya que el código del fragmento se ejecuta cada vez que los usuarios cargan una página nueva. Sin embargo, en el caso de una aplicación de una sola página en la que el sitio carga nuevo contenido de página de forma dinámica en lugar de hacerlo durante la carga completa, el código del fragmento gtag.js solo se ejecuta una vez. Esto significa que las páginas vistas posteriores (virtuales) se deben medir de forma manual a medida que se carga contenido nuevo.
Mida las visitas virtuales a la página
Cuando tu aplicación carga contenido de forma dinámica y actualiza la URL en la barra de direcciones, también se debe actualizar la URL de la página almacenada con gtag.js. Luego, también puedes medir los cambios en la dirección de tu sitio como vistas de página.
Para configurar la ruta de acceso de los informes gtag.js, usa el comando set y especifica un valor para el 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');
Después de agregar el valor nuevo para page_path, todos los eventos posteriores enviados a esa propiedad usarán ese valor nuevo.
Maneja varias URLs para el mismo recurso
Algunas SPA solo actualizan la parte del hash de la URL cuando se carga contenido de forma dinámica. Esta práctica puede dar lugar a situaciones en las que muchas rutas de página diferentes apuntan al mismo recurso. En esos casos, por lo general, es mejor elegir una URL canónica y enviar solo ese valor de page_path a Google Analytics.
Por ejemplo, considera un sitio web a cuya página "Acerca de nosotros" se puede acceder a través de cualquiera de las siguientes URLs:
/about/#/about/home/#/about
Para evitar la duplicación en tus informes, se recomienda registrar todas estas páginas con /about para la page_path.