Aller au contenu
kilden_docs

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

Section intitulée « 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

Section intitulée « 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, 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

Section intitulée « 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

Section intitulée « 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

Section intitulée « Prochaines étapes »