Pular para o conteúdo
kilden_docs

Início rápido

Ao final desta página você terá o Kilden no seu site e verá seu primeiro evento chegar ao vivo.

1. Crie um projeto

Seção intitulada “1. Crie um projeto”

Entre em app.kilden.io e crie um projeto. Você cai na página de onboarding, que mostra seu snippet de instalação com a write key já preenchida — e um indicador ao vivo aguardando seu primeiro evento.

2. Cole o snippet

Seção intitulada “2. Cole o snippet”

Copie o snippet do onboarding (ou use este aqui, substituindo YOUR_WRITE_KEY) e cole-o 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>

O snippet carrega o SDK de forma assíncrona e enfileira qualquer chamada feita antes de ele terminar — nada se perde, e ele nunca bloqueia sua página. Prefere um pacote? Veja instalar com npm.

3. Veja o primeiro evento chegar

Seção intitulada “3. Veja o primeiro evento chegar”

Abra uma página com o snippet instalado. Carregar a página emite um $pageview automaticamente — e a tela de onboarding muda para “Primeiro evento recebido” e te leva ao live tail: um stream em tempo real de cada evento que seu projeto recebe. Deixe-o aberto enquanto instrumenta; é o loop de feedback mais rápido que você tem.

4. Rastreie algo seu

Seção intitulada “4. Rastreie algo seu”
kilden.track('signup_completed', { plan: 'pro' });

O evento aparece no live tail em poucos segundos, junto com os cliques e pageviews do autocapture.

Próximos passos

Seção intitulada “Próximos passos”