Antes de empezar

Una configuración sencilla empieza por cuatro elementos. Téngalos preparados y el resto será muy fácil:

Elemento	Qué significa
Cuenta del panel	Una cuenta de usuario activa de NowMetrix con acceso al tracker correspondiente.
ID del tracker	El identificador interno del sitio web, por ejemplo `TRACKER_ID`.
Acceso al sitio web	Permiso para añadir el fragmento de seguimiento de NowMetrix a la plantilla del sitio web o al gestor de etiquetas.
Dominio de producción	El nombre de host final que debe aparecer en NowMetrix, por ejemplo `example-news.com`.

1. Iniciar sesión en el panel

Abra dash.nowmetrix.com e inicie sesión. Accederá a la vista en tiempo real del tracker que haya utilizado más recientemente.

Si su organización utiliza el inicio de sesión único, use el método de acceso proporcionado por el titular de la cuenta. Si no puede acceder a un tracker después de iniciar sesión, solicite a un administrador que añada su usuario a la lista de trackers correcta.

2. Encontrar el tracker

Cada sitio web tiene su propio ID de tracker. Considérelo la etiqueta que indica a NowMetrix a qué sitio pertenece una página vista recibida. Utilizará el mismo ID para el seguimiento, las solicitudes a la API y la resolución de problemas.

Utilice IDs neutros en los ejemplos y scripts de prueba. En producción, sustituya TRACKER_ID por el ID del tracker asignado a su sitio web.

3. Instalar el seguimiento

Añada el fragmento a todas las páginas que desee ver en NowMetrix. En un medio de comunicación, normalmente serán las páginas de artículos, las portadas de sección, las páginas de destino y la página de inicio.

<script src="https://ua.realtimely.io/script.js" data-site="TRACKER_ID" defer></script>

Ubicación recomendada:

Coloque el fragmento en la plantilla de página compartida, en algún punto de la sección <head>.
Cárguelo una sola vez por página.
Manténgalo activo tanto en las variantes de página para ordenadores como para dispositivos móviles.
No lo bloquee mediante la lógica de consentimiento de cookies, salvo que su configuración legal lo exija.

URL canónicas

De forma predeterminada, NowMetrix utiliza la URL de <link rel="canonical" href="…"> para agrupar las variantes de una página bajo la misma URL del artículo. Si la página no tiene un enlace canónico, NowMetrix utiliza la URL visitada.

Para utilizar la URL visitada aunque haya un enlace canónico, añada data-canonical="false" al fragmento de seguimiento existente. También funciona en una etiqueta HTML personalizada de Google Tag Manager.

<script
    src="https://ua.realtimely.io/script.js"
    data-site="TRACKER_ID"
    data-canonical="false"
    defer
></script>

Elimine el atributo o establezca data-canonical="true" para volver a activar las URL canónicas. Este ajuste solo cambia la URL que se registra; no activa ni desactiva las páginas vistas automáticas.

Si pasa explícitamente una url al enviar una página vista manualmente, esa URL tiene prioridad sobre este ajuste.

Un enlace canónico puede apuntar a otro dominio. NowMetrix utiliza el dominio y la ruta de ese enlace. Desactive las URL canónicas si las visitas deben atribuirse a la página de su propio sitio web.

Google Tag Manager

En Google Tag Manager, cree una etiqueta HTML personalizada y pegue el fragmento estándar de NowMetrix. Active la etiqueta en todas las páginas que deban incluir seguimiento.

<script src="https://ua.realtimely.io/script.js" data-site="TRACKER_ID" defer></script>

Active Admitir document.write para la etiqueta HTML personalizada. Sin este ajuste, es posible que el tracker no se inicialice correctamente en Google Tag Manager.

Seguimiento manual

En la mayoría de los sitios web, el seguimiento automático es la opción adecuada. Si utiliza una aplicación de página única o necesita controlar por completo los cambios de ruta, desactívelo con data-auto="false" y envíe la página vista manualmente.

<script src="https://ua.realtimely.io/script.js" data-site="TRACKER_ID" data-auto="false" defer></script>

Enviar una página vista manualmente

<script>
document.addEventListener("DOMContentLoaded", () => {
    realtimely.trackPageview();
});
</script>

Enviar datos personalizados de la página

Puede pasar opcionalmente su propia URL, el título o la URL de referencia. Resulta útil para aplicaciones de página única, enrutamientos personalizados o páginas cuya URL visible deba normalizarse antes del seguimiento.

<script>
document.addEventListener("DOMContentLoaded", () => {
    realtimely.trackPageview("TRACKER_ID", {
        url: "https://example-news.com/about",
        title: "About our publication",
        referrer: "https://google.com"
    });
});
</script>

4. Verificar los datos recibidos

Ahora llega la parte más gratificante: publique el fragmento, abra una página real y cambie a Páginas principales. Su visita debería aparecer en unos segundos.

Comprobación	Resultado esperado
Usuarios en tiempo real	El número de usuarios activos aumenta al abrir páginas.
Páginas principales	La página abierta aparece con su ruta, título y número de usuarios activos.
Fuentes	Las fuentes directas, de referencia, de búsqueda, sociales o UTM se agrupan en la vista de fuentes.
Resumen	Las páginas vistas y las visitas diarias empiezan a acumularse para el tracker.

Modelo de privacidad

NowMetrix funciona sin cookies ni almacenamiento local. Utiliza hashes anonimizados durante un periodo de 24 horas, lo que permite medir los visitantes únicos diarios sin crear un perfil de visitante de larga duración.

Los datos de usuario anonimizados solo se conservan durante 24 horas. Después se eliminan las sales hash, por lo que las visitas mensuales se calculan a partir del total de visitantes únicos diarios.

5. Configurar el primer flujo de trabajo

Supervisión desde el panel

Utilice las vistas en tiempo real y del panel para supervisar los usuarios activos, las páginas principales, las fuentes, los dispositivos, los países y la actividad de hoy.

Acceso a la API

Los administradores de la cuenta y los miembros del equipo con acceso a la API pueden crear claves API personales en Ajustes -> API. Consulte la referencia de REST API para conocer los endpoints y los ejemplos.

Acceso del equipo

Cuando los datos empiecen a recibirse, invite a las personas que deban trabajar con ellos. Conceda a cada persona acceso únicamente a los trackers que necesite; los administradores gestionan los ajustes de la cuenta y pueden conceder acceso personal a la API a determinados editores.

Si un miembro del equipo no puede ver un tracker, compruebe su lista de trackers asignados antes de modificar la instalación del seguimiento.

Integración heredada

Seguimiento en AMP

Utilice esta integración únicamente si su sitio web todavía ofrece páginas AMP. Para instalaciones nuevas, utilice el fragmento de JavaScript estándar o la configuración de Google Tag Manager anterior.

Añada primero el componente de analítica de AMP:

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

Después, añada la configuración de AMP de NowMetrix:

<amp-analytics config="https://ua.realtimely.io/amp/amp.v1.json" data-credentials="include">
    <script type="application/json">
        {"vars": {"accountId": "TRACKER_ID"}}
    </script>
</amp-analytics>

Si no aparecen los datos

Confirme que el fragmento está presente en el HTML generado de la página activa.
Compruebe que el ID del tracker coincide con el tracker seleccionado en el panel.
Abra las herramientas de desarrollo del navegador y busque solicitudes de red bloqueadas.
Verifique que la página no se sirve desde una plantilla en caché que no incluya el fragmento.
Solicite al soporte de NowMetrix que compruebe si el tracker está recibiendo eventos.

Ponga su primer sitio web en funcionamiento con NowMetrix.