Instalación
Pon Zenovay Analytics en funcionamiento en tu sitio web en solo algunos minutos.
Inicio Rápido
Añade nuestro script de seguimiento a la etiqueta <head> de tu sitio web:
<!-- Zenovay Analytics -->
<script defer
data-tracking-code="YOUR_TRACKING_CODE"
src="https://api.zenovay.com/z.js">
</script>Reemplaza YOUR_TRACKING_CODE con el código de seguimiento que se muestra en Dominios → tu sitio → General (la tarjeta de script de seguimiento). Para añadir tu primer sitio, ve a Dominios → Añadir dominio.
Instalar vía npm
Si compilas con un bundler (Next.js, Nuxt, SvelteKit, Vite, webpack, esbuild, etc.), puedes instalar Zenovay como un paquete npm y llamar a init() desde tu código en lugar de añadir una etiqueta <script> a tu HTML.
El paquete se publica como @zenovay/tracker.
npm install @zenovay/trackerimport { init, track } from '@zenovay/tracker';
init('YOUR_TRACKING_CODE');
// Later, from any component or handler:
track('Signup clicked', { source: 'hero' });La llamada a init() inyecta el mismo loader https://api.zenovay.com/z.js que usa la etiqueta <script> — el comportamiento del wire-format es idéntico. El paquete npm es un envoltorio delgado, no un fork del código del tracker, por lo que siempre recibes el tracker de producción más reciente sin tener que actualizar la dependencia.
Cómo elegir entre los dos métodos de instalación
| Método | Recomendado para |
|---|---|
Etiqueta <script> | Páginas HTML estáticas, WordPress, Shopify, HTML simple sin bundler |
@zenovay/tracker npm | Aplicaciones modernas con bundler donde quieras llamadas track, identify, goal con tipos |
El paquete npm es una opción de instalación adicional — no un reemplazo de la etiqueta <script>.
Configuración Específica por Framework
Para frameworks modernos como React, Vue o Next.js, añade la misma etiqueta de script dentro del template HTML de tu aplicación o en el layout raíz. Consulta las guías específicas de cada framework para más detalles:
Una vez que el script se ha cargado, puedes usar el objeto global window.zenovay para rastrear eventos personalizados:
// Track a custom event
zenovay('track', 'button_click', {
button_id: 'signup-cta',
page: '/pricing'
});
// Identify a user
zenovay('identify', 'user_123', {
email: '[email protected]',
plan: 'pro'
});Seguimiento del Lado del Servidor
Para aplicaciones del lado del servidor (Node.js, Express, etc.), usa la API Externa de Zenovay directamente con fetch. No se necesita ningún paquete npm. Consulta el Node.js Quickstart o Express.js Quickstart para más detalles.
Verificación
Después de la instalación, puedes verificar que Zenovay está funcionando correctamente:
- Visita tu sitio web
- Abre las herramientas de desarrollador del navegador
- Comprueba la pestaña Red para solicitudes a
zenovay.com - Abre Dominios → tu sitio → Analítica para ver datos en tiempo real
¡Tus analíticas deberían comenzar a aparecer en tu panel en los próximos 5 minutos!
Próximos Pasos
Herramientas gratuitas relacionadas
¿Quieres saber cuánto tráfico pierde una configuración de analítica habitual por culpa de los bloqueadores de anuncios y la prevención de rastreo? Analiza tu sitio con nuestro Verificador de Precisión Analítica gratuito.