Saltar al contenido principal
3 min de lectura

Installation

Get Zenovay Analytics up and running on your website in just a few minutes.

Quick Start

Add our tracking script to your website's <head> tag:

Add to your HTML headHTML
<!-- Zenovay Analytics -->
<script defer
data-tracking-code="YOUR_TRACKING_CODE"
src="https://api.zenovay.com/z.js">
</script>

Replace YOUR_TRACKING_CODE with your tracking code from the Zenovay dashboard.

Instalación con npm

Si usas 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 vez de añadir una etiqueta <script> a tu HTML.

El paquete se publica como @zenovay/tracker.

InstallBash
npm install @zenovay/tracker
Initialize and trackTypeScript
import { 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 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

MétodoRecomendado para
Etiqueta <script>Páginas HTML estáticas, WordPress, Shopify, HTML simple sin bundler
@zenovay/tracker npmAplicaciones 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>.

Framework-Specific Setup

For modern frameworks like React, Vue, or Next.js, you add the same script tag within your app's HTML template or root layout. See the framework-specific guides for details:

Once the script is loaded, you can use the global window.zenovay object to track custom events:

Track custom events after script loadsJavaScript
// 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'
});

Server-Side Tracking

For server-side applications (Node.js, Express, etc.), use the Zenovay External API directly with fetch. No npm package is needed. See the Node.js Quickstart or Express.js Quickstart for details.

Verification

After installation, you can verify that Zenovay is working correctly:

  1. Visit your website
  2. Open browser developer tools
  3. Check the Network tab for requests to zenovay.com
  4. Visit your Zenovay dashboard to see real-time data

Your analytics should start appearing in your dashboard within 5 minutes!

Next Steps

¿Fue útil esta página?