Quickstart

Al terminar esta página tendrás Kilden en tu sitio y verás llegar tu primer evento en vivo.

1. Crea un proyecto

Inicia sesión en app.kilden.io y crea un proyecto. Aterrizas en la página de onboarding, que muestra tu snippet de instalación con el write key ya completado — y un indicador en vivo esperando tu primer evento.

2. Pega el snippet

Copia el snippet desde el onboarding (o usa este, reemplazando YOUR_WRITE_KEY) y pégalo antes de </head>:

<script>
  !(function (w, d) {
    if (w.kilden) return;
    function stub(o, names) {
      o._q = [];
      names.split(' ').forEach(function (m) {
        o[m] = function () { o._q.push([m].concat([].slice.call(arguments))); };
      });
      return o;
    }
    var k = (w.kilden = stub({}, 'init track identify setPersonProperties reset register unregister getDistinctId getSessionId optOut optIn hasOptedOut setIdentityToken flush use removePlugin startSessionRecording stopSessionRecording getReplayId group isFeatureEnabled getFeatureFlag onFeatureFlags'));
    k.flags = stub({}, 'isFeatureEnabled getFeatureFlag getAllFlags onFeatureFlags reload override');
    k.messenger = stub({}, 'open close show hide toggle showNewMessage on off update');
    var s = d.createElement('script');
    s.async = true;
    s.src = 'https://cdn.kilden.io/kilden.iife.js';
    d.head.appendChild(s);
  })(window, document);

  kilden.init('YOUR_WRITE_KEY');
</script>

El snippet carga el SDK de forma asíncrona y encola cualquier llamada hecha antes de que termine de cargar — no se pierde nada, y nunca bloquea tu página. ¿Prefieres un paquete? Mira instalación con npm.

3. Mira llegar el primer evento

Abre una página con el snippet instalado. Cargar la página emite un $pageview automáticamente — y la pantalla de onboarding cambia a “Primer evento recibido” y te lleva al live tail: un stream en tiempo real de cada evento que recibe tu proyecto. Déjalo abierto mientras instrumentas; es el loop de feedback más rápido que tienes.

4. Trackea algo propio

kilden.track('signup_completed', { plan: 'pro' });

Aparece en el live tail en un par de segundos, junto a los clicks y pageviews autocapturados.

Próximos pasos

• Identifica a tus usuarios para que la actividad previa y posterior al registro queden unidas.
• Verifica la identidad para que nadie pueda enviar eventos en nombre de otro.
• Autocapture y privacidad — ajusta qué se captura automáticamente.
• Feature flags y campañas corren sobre los mismos eventos que acabas de empezar a enviar.