La medición de vistas de página te permite medir la cantidad de vistas que obtuviste para una página específica de tu sitio web. A menudo, las páginas corresponden a un documento HTML completo, pero también pueden representar contenido cargado de forma dinámica; esto se conoce como "vistas virtuales de página".
En esta guía, se explica cómo implementar la medición de vistas de página con analytics.js.
Descripción general
La etiqueta de JavaScript incluye un comando para crear un objeto de seguimiento y, luego, un comando para enviar una vista de página a Google Analytics. Cuando se crea el rastreador, se configuran varios campos en función del contexto de navegación. El campo title se establece en el valor de document.title, y el campo location se establece en el valor de document.location, ignora la parte del anclaje de la URL.
Cuando se ejecuta el comando send, se envían los campos title y location almacenados en la herramienta de seguimiento, y Google Analytics usa esos valores para mostrarte qué páginas visitaron los usuarios.
La herramienta de seguimiento predeterminada no establece el campo page, pero si lo configuras de forma manual, ese valor se utiliza como la ruta de la página en los informes, lo que anula el valor del campo location.
Implementación
Los hits de vista de página se pueden enviar con el comando send y especificando un hitType de pageview. El comando send tiene la siguiente firma para el tipo de hit pageview:
ga('send', 'pageview', [page], [fieldsObject]);
Campos de vistas de página
En la siguiente tabla, se resumen los principales campos relevantes para la medición de vistas de página. Para obtener más detalles (y algunos campos adicionales), consulta la sección de información de contenido de la referencia de campos.
| Nombre del campo | Value Type | Obligatorio | Descripción |
|---|---|---|---|
title |
text | no | El título de la página (p.ej., la página principal) |
location |
text | no * | URL de la página. |
page |
text | no * | La parte de la ruta de una URL. Este valor debe comenzar con un carácter de barra (/). |
*
aunque no se requieren los campos page ni location, uno de ellos debe estar presente; de lo contrario, el hit no será válido.
Ejemplos:
El siguiente comando envía un hit de vista de página a Google Analytics e incluye la ruta de la página actual.
ga('send', 'pageview', location.pathname);
Ten en cuenta que, al igual que con todos los comandos send, los campos pasados en los parámetros de conveniencia también se pueden especificar en fieldsObject. El comando anterior se podría reescribir de la siguiente manera:
ga('send', {
hitType: 'pageview',
page: location.pathname
});
Cómo modificar las URLs de páginas
En algunos casos, la URL que deseas enviar a Google Analytics es diferente de la que aparece en la barra de direcciones del navegador del usuario. Por ejemplo, considera un sitio con algunas páginas en las que los usuarios pueden iniciar sesión y ver o editar su información personal. Si el sitio tiene páginas separadas para la información personal, la información de la cuenta y la configuración de notificaciones, es posible que las URLs de esas páginas se vean así:
/user/USER_ID/profile/user/USER_ID/account/user/USER_ID/notifications
Si quieres saber, en total, cuántas personas visitan cada una de estas páginas, incluido un valor de ID de usuario único en las URLs, será mucho más difícil.
Para resolver este problema, puedes especificar un valor page sin el ID de usuario:
// Checks to see if the current user's userID is
// found in the URL, if it is, remove it.
// (Note, this assume the user ID is stored
// in a variable called `userID`)
if (document.location.pathname.indexOf('user/' + userID) > -1) {
var page = document.location.pathname.replace('user/' + userID, 'user');
ga('send', 'pageview', page);
}
Se enviarán los siguientes valores page para todos los usuarios:
/user/profile/user/account/user/notifications
Si la página actual envía otros hits (como eventos), asegúrate de que cada hit se envíe con la URL correcta. En esos casos, debes actualizar el campo page en la herramienta de seguimiento, en lugar de pasarlo en el comando send.
Configurarlo en la herramienta de seguimiento garantizará que se use el nuevo valor de page en todos los hits posteriores:
if (document.location.pathname.indexOf('user/' + userID) > -1) {
var page = document.location.pathname.replace('user/' + userID, 'user');
// Sets the page value on the tracker.
ga('set', 'page', page);
// Sending the pageview no longer requires passing the page
// value since it's now stored on the tracker object.
ga('send', 'pageview');
}
Cómo hacer un seguimiento de las vistas de página virtuales
En la actualidad, muchos sitios web cargan contenido de forma dinámica a través de AJAX sin necesidad de cargar páginas completas en cada "página". Estos sitios se conocen comúnmente como aplicaciones de una sola página (SPA).
Si tu sitio web carga contenido de página de forma dinámica y actualiza la URL del documento, te recomendamos que envíes páginas vistas adicionales para medir estas "vistas de página virtuales". Para obtener todos los detalles de la implementación, consulta la guía sobre el seguimiento de aplicaciones de una sola página con analytics.js.