Documentación

Todo lo que necesitas para poner en marcha Monoid en tu sitio.

Inicio rápido Configuración Eventos personalizados Privacidad y datos Referencia API

1. Crea una cuenta

Ve a monoid.website, ingresa tu email, contraseña y dominio. Recibirás un enlace de activación por email.

2. Agrega el snippet del rastreador

Después de la confirmación, pega esto dentro de la etiqueta <head> de tu sitio. Reemplaza YOUR_SITE_ID con el ID de tu panel.

html

<script async defer
  src="https://api.monoid.website/tracker.min.js"
  data-site-id="YOUR_SITE_ID"
  data-autotrack="true">
</script>

El script se carga de forma asíncrona — nunca bloquea el renderizado de la página. Los datos comienzan a aparecer en tu panel en segundos.

3. Verifica la instalación

Abre tu sitio en un navegador, luego revisa tu panel de Monoid. Deberías ver una página vista aparecer en tiempo real en el panel de Visitantes en vivo. Si no aparece nada después de un minuto, verifica que el atributo data-site-id coincida exactamente con el ID de tu sitio.

Next.js / React

En Next.js, agrega el snippet a tu _document.tsx o usa el componente next/script con strategy="afterInteractive":

tsx

import Script from 'next/script'

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script
          src="https://api.monoid.website/tracker.min.js"
          data-site-id="YOUR_SITE_ID"
          strategy="afterInteractive"
        />
      </body>
    </html>
  )
}

WordPress

En el functions.php de tu tema, agrega:

php

function monoid_tracker() {
  echo '<script async defer src="https://api.monoid.website/tracker.min.js" data-site-id="YOUR_SITE_ID" data-autotrack="true"></script>';
}
add_action('wp_head', 'monoid_tracker');

Rastreo sin JS (píxel)

Si no puedes ejecutar JavaScript — páginas renderizadas en el servidor con JS desactivado, páginas estáticas estrictas, o entornos que bloquean scripts — usa el píxel de rastreo en su lugar. Coloca esta etiqueta <img> donde quieras que se dispare el rastreo. Reemplaza YOUR_SITE_ID y establece p como la ruta de la página actual.

html

<img src="https://api.monoid.website/pixel.gif?s=YOUR_SITE_ID&p=/your-page-path"
  width="1" height="1" alt=""
  style="display:none"
  referrerpolicy="strict-origin-when-cross-origin" />

El píxel registra los mismos datos de analíticas principales que el rastreador JS — ruta, referente, país, tipo de dispositivo y hash diario del visitante — pero sin el ancho de pantalla (JavaScript no disponible). El encabezado Referer del navegador se usa automáticamente; puedes sobrescribirlo con un parámetro &r=dominio-referente. Los visitantes que envían DNT: 1 no se registran.

¿Falta algo o hay algo incorrecto? Avísanos