Démarrage rapide

À la fin de cette page, Kilden sera installé sur votre site et vous verrez votre premier événement arriver en direct.

1. Créez un projet

Connectez-vous sur app.kilden.io et créez un projet. Vous arrivez sur la page d’onboarding, qui affiche votre snippet d’installation avec la write key déjà renseignée — et un indicateur en direct qui attend votre premier événement.

2. Collez le snippet

Copiez le snippet depuis l’onboarding (ou utilisez celui-ci, en remplaçant YOUR_WRITE_KEY) et collez-le avant </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>

Le snippet charge le SDK de façon asynchrone et met en file d’attente tout appel effectué avant la fin du chargement — rien n’est perdu, et il ne bloque jamais votre page. Vous préférez un package ? Voir l’installation avec npm.

3. Regardez arriver le premier événement

Ouvrez une page où le snippet est installé. Le chargement de la page émet automatiquement un $pageview — et l’écran d’onboarding passe à « Premier événement reçu », puis vous emmène vers le live tail : un flux en temps réel de chaque événement reçu par votre projet. Gardez-le ouvert pendant que vous instrumentez ; c’est la boucle de feedback la plus rapide dont vous disposez.

4. Trackez un événement à vous

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

Il apparaît dans le live tail en quelques secondes, aux côtés des clics et pageviews autocapturés.

Prochaines étapes

• Identifiez vos utilisateurs pour relier l’activité d’avant et d’après l’inscription.
• Vérifiez l’identité pour que personne ne puisse envoyer des événements au nom de quelqu’un d’autre.
• Autocapture et confidentialité — ajustez ce qui est capturé automatiquement.
• Les feature flags et les campagnes fonctionnent sur les mêmes événements que vous venez de commencer à envoyer.