Trackina — JS Snippet

<script>
(function() {
  var TRK_URL = 'http://crystal.onemachina.com/api/v1/trackina/ingest';
  var COOKIE_NAME = '_trk_uuid';
  var SESSION_NAME = '_trk_sid';

  // ── Cookie helpers ──
  function getCookie(n) {
    var m = document.cookie.match(new RegExp('(?:^|; )' + n + '=([^;]*)'));
    return m ? decodeURIComponent(m[1]) : null;
  }
  function setCookie(n, v, days) {
    var d = new Date(); d.setTime(d.getTime() + (days||365)*86400000);
    document.cookie = n + '=' + encodeURIComponent(v) + ';expires=' + d.toUTCString() + ';path=/;SameSite=Lax';
  }
  function uuid() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
      var r = Math.random()*16|0; return (c==='x'?r:(r&0x3|0x8)).toString(16);
    });
  }

  // ── Get or create identifiers ──
  var cookieUuid = getCookie(COOKIE_NAME) || (setCookie(COOKIE_NAME, uuid(), 365), getCookie(COOKIE_NAME));
  var sessionId  = sessionStorage.getItem(SESSION_NAME) || (function() { var s=uuid(); sessionStorage.setItem(SESSION_NAME,s); return s; })();

  // ── Extract GMC from URL params ──
  function getGmc() {
    try { return new URLSearchParams(window.location.search).get('gmc') || null; }
    catch(e) { return null; }
  }

  // ── Send tracking data ──
  function send(payload) {
    payload.cookie_uuid = cookieUuid;
    payload.session_id  = sessionId;
    payload.url         = payload.url || window.location.href;
    payload.path        = payload.path || window.location.pathname;
    payload.page_title  = payload.page_title || document.title;
    payload.referrer    = payload.referrer || document.referrer || null;
    payload.gmc         = payload.gmc || getGmc();

    if (navigator.sendBeacon) {
      navigator.sendBeacon(TRK_URL, JSON.stringify(payload));
    } else {
      fetch(TRK_URL, { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(payload), keepalive:true });
    }
  }

  // ── Auto page view ──
  send({ event: { event_type: 'page_view', event_name: document.title } });

  // ── Public API ──
  window.trackina = {
    track: function(eventData) { send({ event: eventData }); },
    pageView: function() { send({ event: { event_type: 'page_view', event_name: document.title } }); },
    identify: function(contactId) { /* future: link cookie to contact */ },
    getCookieUuid: function() { return cookieUuid; },
    getSessionId: function() { return sessionId; },
  };
})();
</script>

// CTA button click
trackina.track({
  event_type: 'cta_click',
  event_name: 'Watch Trailer Click',
  element_id: 'hero-trailer-button',
  link_url: 'https://cinemachina.ai/trailer',
  link_text: 'Watch Trailer',
  button_variant: 'primary',
  section: 'hero'
});

// Form submission
trackina.track({
  event_type: 'waitlist_submit',
  event_name: 'Waitlist Form Submit',
  form_id: 'waitlist-form',
  section: 'pricing',
  email_domain: 'gmail.com'
});

// Inline on an element
<button onclick="trackina.track({event_type:'cta_click', section:'footer'})">
  Sign Up
</button>

<a href="/trailer" data-trk="trailer_click" data-trk-section="hero">
  Watch Trailer
</a>

<button data-trk="cta_click" data-trk-section="pricing" data-trk-variant="primary">
  Get Started
</button>