WebSites Analytics

<!-- Preferred in production: nothing about analytics should delay
     first paint. The queue shim means calls made before the SDK arrives
     are not lost. -->
<script>
  window.Infralytiqs = window.Infralytiqs || {
    _q: [],
    init:     function () { this._q.push(['init', arguments]); },
    track:    function () { this._q.push(['track', arguments]); },
    identify: function () { this._q.push(['identify', arguments]); }
  };

  Infralytiqs.init({
    serverUrl: 'https://api.infralytiqs.com',
    tenantId:  'acme',
    siteId:    'acme-www'
  });
</script>
<script src="https://assets.infralytiqs.com/v1/scripts/infralytiqs.min.js"
        async
        crossorigin="anonymous"></script>

// track(eventType, customDimensions, customMetrics, eventSubtype)
//
// Dimensions are strings, metrics are numbers. That split is not cosmetic:
// dimensions become a Map(LowCardinality(String), String) you group by, and
// metrics become a Map(String, Float64) you sum and average.

Infralytiqs.track('signup_completed', {
  plan:   'team',
  source: 'pricing_page'
}, {
  seats: 5
});

// A subtype gives you a second level without inventing a new event type,
// which keeps event_type usefully low-cardinality.
Infralytiqs.track('checkout', { step: 'payment' }, { cart_value: 149.5 },
                  'checkout_status_failed');

// search_term is MATERIALIZED into its own ClickHouse column, so use exactly
// that key and grouping by it costs nothing extra.
Infralytiqs.track('site_search', { search_term: 'blue widget' },
                  { result_count: 24 });

// Identify once you know who someone is. All subsequent events carry the
// user_id, and the anonymous_id stays so you can still stitch the session
// that led up to the login.
Infralytiqs.identify('usr_10482');

// Force a send — useful just before a full-page navigation you control.
Infralytiqs.flush();

// 1. Add ?ilDebug=1 to any page, or pass debug: true, and the SDK logs
//    every event it queues and every batch it posts.

Infralytiqs.init({
  serverUrl: 'https://api.infralytiqs.com',
  tenantId:  'acme',
  siteId:    'acme-www',
  debug:     true
});

// 2. Watch the network tab for POSTs to:
//      /il/analytics/acme/acme-www/events
//    A 201 with { success: true, count: N } means the rows are in ClickHouse.
//    A 403 means the tenant/site pair does not match a saved configuration.

// 3. Confirm the identifiers are being persisted.
console.log('token:', Infralytiqs.getToken());

// 4. Then check your own database, which is the only real proof:
//      SELECT event_time, event_type, page_url, device_type, custom_dimensions
//      FROM website_events
//      ORDER BY event_time DESC
//      LIMIT 20;

// Rather than adding a track() call to every button, describe once how to
// read your existing markup. These run on auto-captured clicks.

Infralytiqs.init({
  serverUrl: 'https://api.infralytiqs.com',
  tenantId:  'acme',
  siteId:    'acme-www',

  // Only capture clicks on things you have deliberately marked, plus links.
  clickSelector: 'a, button[data-il-track], [data-il-cta]',

  evarMap: {
    // A selector: the SDK finds the nearest matching ancestor and reads
    // the attribute the selector names.
    product_id: '[data-product-id]',
    category:   '[data-category]',

    // A function, for anything a selector cannot express.
    button_label: function (el) {
      return (el.textContent || '').trim().slice(0, 120);
    },
    position: function (el) {
      var list = el.closest('[data-list]');
      if (!list) { return ''; }
      var items = Array.prototype.slice.call(list.querySelectorAll('[data-product-id]'));
      return String(items.indexOf(el.closest('[data-product-id]')) + 1);
    }
  },

  propMap: {
    price: function (el) {
      var node = el.closest('[data-price]');
      return node ? parseFloat(node.getAttribute('data-price') || '0') : 0;
    }
  },

  // Sent with every event. Put your release here — it turns "did the
  // conversion rate drop?" into a question you can actually answer.
  globalDimensions: {
    release:     window.__APP_VERSION__ || 'unknown',
    experiment:  window.__AB_VARIANT__  || 'control'
  }
});