Checkout / payments

Server-Side Tracking for Snipcart

Stop losing conversions to iOS ITP, short-lived cookies, and ad-blockers. TrakSolv hosts a first-party server-side GTM container for your Snipcart store and forwards clean, deduplicated conversions to GA4, Meta CAPI, Google Ads and more. Live in minutes, flat monthly pricing.

Start free — live in minutes View pricing

No credit card to startFlat monthly pricingNative Snipcart dataLayerGA4 · Meta CAPI · Google Ads

Why it matters for Snipcart

The pixel alone is leaking your data.

Browser-side tracking on Snipcart loses a growing share of conversions. Here's what moving to a server-side setup fixes.

Recover conversions lost to ITP & ad-blockers

On Snipcart, browser-side pixels are throttled by Safari/Firefox ITP, capped 7-day cookies, and blocked outright by ad-blockers and consent walls. Server-side tracking moves the measurement off the browser, so checkout completions that the pixel silently drops are recovered and reported.

First-party data, served from your own domain

TrakSolv hosts your Google Tag Manager server container on a subdomain of your Snipcart site. Requests come from a first-party context — they survive 3rd-party cookie deprecation, last far longer than client-side cookies, and look like your own traffic, not a tracker.

Clean, deduplicated conversions to every ad platform

The Snipcart dataLayer fires every GA4 enhanced-ecommerce event with a stable event_id, so your server-side container can forward checkout completions to GA4, Meta CAPI, Google Ads Enhanced Conversions, TikTok and more — deduplicated against the browser pixel, with higher match quality.

Step by step

How to set up server-side tracking on Snipcart

Paste the TrakSolv loader and the Snipcart dataLayer snippet into your store's custom-code area, save, and you're done. Every step below has the exact snippet with a copy button.

Install guide

How to install on Snipcart

This is your install. Every step below has its exact snippet with a Copy button — go step by step. The Loader card above and DataLayer card below are reference copies of the same snippets.

1
Ensure Snipcart is set up on the page
Navigate
<head> of every page: snipcart.css + snipcart.js script tag + <div id="snipcart" data-api-key="..." hidden></div>
Snipcart's standard install — must be present BEFORE the Traksolv snippets run.
2
Loader — head half
Loader • Head
<head> of every page → paste the Loader Head snippet (before or after snipcart.js — order doesn't matter for the Loader)
3
Loader — body half + DataLayer
Loader • Body
End of <body> → paste the Loader Body snippet FIRST

DataLayer snippet

DataLayer

Same location, after Loader Body → paste the DataLayer snippet

Subscribes to Snipcart's typed SDK events. Polls for Snipcart availability since snipcart.js loads async. The cart.confirmed event carries the full CartState (token, total, taxes, shipping, discounts, items) — no template substitution needed.

HTML

<!-- Traksolv · Snipcart DataLayer — paste in <head> AFTER snipcart.js -->
<script>
(function (w, d) {
  w.dataLayer = w.dataLayer || [];
  var DEBUG = false;
  try {
    var q = new URLSearchParams(location.search);
    if (q.get('tcDebug') === '1') { DEBUG = true; try { localStorage.setItem('tcDebug', '1'); } catch (e) {} }
    else if (q.get('tcDebug') === '0') { DEBUG = false; try { localStorage.removeItem('tcDebug'); } catch (e) {} }
    else { try { if (localStorage.getItem('tcDebug') === '1') DEBUG = true; } catch (e) {} }
  } catch (e) {}
  w.tcDebug = DEBUG;
  if (DEBUG && w.console && w.console.log) {
    try { w.console.log('%c[Traksolv]%c dataLayer debug ON — every push will log here. Disable with ?tcDebug=0', 'color:#22c55e;font-weight:600;background:#0a1f0c;padding:2px 6px;border-radius:3px', ''); } catch (e) {}
  }
  function log() {
    if (!DEBUG || !w.console || !w.console.log) return;
    try { w.console.log.apply(w.console, ['[Traksolv]'].concat([].slice.call(arguments))); } catch (e) {}
  }
  function push(eventName, eventId, params) {
    try {
      if (params && params.ecommerce !== undefined) w.dataLayer.push({ ecommerce: null });
      var ev = { event: eventName, event_id: eventName + '.' + eventId };
      if (params) for (var k in params) if (Object.prototype.hasOwnProperty.call(params, k)) ev[k] = params[k];
      w.dataLayer.push(ev);
      log('push ' + eventName, ev);
    } catch (e) {}
  }
  function once(key) {
    try { if (sessionStorage.getItem(key)) return false; sessionStorage.setItem(key, '1'); return true; }
    catch (e) { return true; }
  }

  w.tcFirePurchase = function (o) {
    try {
      if (!o || !o.orderId) return;
      if (!once('tc_purchase_' + o.orderId)) return;
      push('purchase', String(o.orderId), {
        ecommerce: {
          transaction_id: String(o.orderId),
          value:    Number(o.value) || 0,
          currency: o.currency || 'USD',
          items:    Array.isArray(o.items) ? o.items : []
        }
      });
    } catch (e) {}
  };

  function snipItem(it, i) {
    return {
      item_id:       String(it.id || it.uniqueId || ''),
      item_name:     it.name || '',
      item_category: it.categories && it.categories[0] || undefined,
      item_variant:  it.customFields && it.customFields.length ?
                     it.customFields.map(function (f) { return f.name + ':' + f.value; }).join(' / ') : undefined,
      item_sku:      it.id || undefined,
      price:         Number(it.price) || Number(it.unitPrice) || 0,
      quantity:      Number(it.quantity) || 1,
      index:         typeof i === 'number' ? i : undefined
    };
  }

  function wireSnipcart() {
    try {
      if (!w.Snipcart || !w.Snipcart.events || typeof w.Snipcart.events.on !== 'function') return false;
      var E = w.Snipcart.events;

      E.on('item.added', function (item) {
        try {
          if (!item) return;
          var g = snipItem(item);
          push('add_to_cart', g.item_id + '.' + Date.now(), {
            ecommerce: {
              currency: getCurrency(),
              value:    g.price * g.quantity,
              items:    [g]
            }
          });
        } catch (e) {}
      });

      E.on('item.removed', function (item) {
        try {
          if (!item) return;
          var g = snipItem(item);
          push('remove_from_cart', g.item_id + '.' + Date.now(), {
            ecommerce: {
              currency: getCurrency(),
              value:    g.price * g.quantity,
              items:    [g]
            }
          });
        } catch (e) {}
      });

      E.on('summary.checkout_clicked', function () {
        try {
          var state = readState();
          if (!state || !state.items || !state.items.length) return;
          var items = state.items.map(function (it, i) { return snipItem(it, i); });
          push('begin_checkout', String(state.token || 'cart') + '.' + Date.now(), {
            ecommerce: {
              currency: state.currency || getCurrency(),
              value:    Number(state.total) || items.reduce(function (s, x) { return s + x.price * x.quantity; }, 0),
              items:    items
            }
          });
        } catch (e) {}
      });

      E.on('cart.confirmed', function (response) {
        try {
          // The confirmed-cart payload IS the cart at confirmation time.
          var cart = (response && response.cart) || response || readState();
          if (!cart) return;
          var token = cart.invoiceNumber || cart.token || cart.id || ('snip.' + Date.now());
          if (!once('tc_purchase_' + token)) return;
          var items = (cart.items || []).map(function (it, i) { return snipItem(it, i); });
          var subtotal = Number(cart.subtotal) || 0;
          var taxes    = Number(cart.taxes)    || (cart.taxesTotal != null ? Number(cart.taxesTotal) : 0);
          var shipping = Number(cart.shipping) || (cart.shippingDetails && Number(cart.shippingDetails.cost)) || 0;
          var discounts= Number(cart.discounts)|| (cart.totalDiscount != null ? Number(cart.totalDiscount) : 0);
          var total    = Number(cart.total)    || (subtotal + taxes + shipping - discounts);
          push('purchase', String(token), {
            ecommerce: {
              transaction_id: String(token),
              affiliation:    'Snipcart',
              value:          total,
              tax:            taxes || undefined,
              shipping:       shipping || undefined,
              discount:       discounts || undefined,
              currency:       cart.currency || getCurrency(),
              items:          items
            },
            user_email: (cart.email) || (cart.billingAddress && cart.billingAddress.email) || undefined
          });
        } catch (e) {}
      });

      E.on('customer.signedin', function (customer) {
        try {
          if (!customer || !customer.id) return;
          if (!once('tc_identified_' + customer.id)) return;
          push('tc_user_identified', String(customer.id), {
            user_id:    String(customer.id),
            user_email: customer.email || undefined
          });
        } catch (e) {}
      });

      // SPA route changes — re-emit visitor context.
      E.on('theme.routechanged', function (r) {
        try { log('routechanged', r); } catch (e) {}
      });

      return true;
    } catch (e) { return false; }
  }

  function readState() {
    try { return w.Snipcart && w.Snipcart.store && w.Snipcart.store.getState().cart; } catch (e) { return null; }
  }
  function getCurrency() {
    var s = readState();
    return (s && s.currency) || 'USD';
  }

  // Wait for Snipcart, then wire up events.
  function whenReady(cb) {
    if (w.Snipcart && w.Snipcart.events) { cb(); return; }
    d.addEventListener('snipcart.ready', cb, { once: true });
    var t = 0;
    var iv = setInterval(function () {
      if (w.Snipcart && w.Snipcart.events) { clearInterval(iv); cb(); }
      else if (++t > 200) clearInterval(iv);
    }, 100);
  }

  whenReady(function () { wireSnipcart(); });

  w.tcPageType = function () { return 'other'; };
})(window, document);
</script>
<!-- End Traksolv Snipcart DataLayer -->

<!-- Traksolv · DataLayer enrichment — customer lifecycle + remarketing + attribution -->
<script>
(function (w, d) {
  function readLT() {
    try {
      var raw = localStorage.getItem('tc_lifetime');
      var p = raw ? JSON.parse(raw) : null;
      return {
        orderCount:    (p && p.orderCount)    || 0,
        lifetimeValue: (p && p.lifetimeValue) || 0,
        firstOrderTs:  (p && p.firstOrderTs)  || null,
        lastOrderTs:   (p && p.lastOrderTs)   || null,
        lastOrderId:   (p && p.lastOrderId)   || null
      };
    } catch (e) {
      return { orderCount: 0, lifetimeValue: 0, firstOrderTs: null, lastOrderTs: null, lastOrderId: null };
    }
  }
  function writeLT(lt) {
    try { localStorage.setItem('tc_lifetime', JSON.stringify(lt)); } catch (e) {}
  }
  function tier(v) {
    if (v >= 1000) return 'vip';
    if (v >= 250)  return 'mid';
    if (v > 0)     return 'low';
    return 'guest';
  }
  function readCookie(n) {
    try {
      var m = d.cookie.match(new RegExp('(^|; )' + n + '=([^;]+)'));
      return m ? decodeURIComponent(m[2]) : null;
    } catch (e) { return null; }
  }
  function readAttr() {
    try { var r = readCookie('_tc_attr'); return r ? JSON.parse(r) : null; } catch (e) { return null; }
  }

  w.tcReadLifetime    = readLT;
  w.tcCustomerTier    = function (v) { return tier(v != null ? v : readLT().lifetimeValue); };
  w.tcReadAttribution = readAttr;

  // ── Wrap tcFirePurchase to add customer-lifecycle + attribution ──
  // before the underlying snippet pushes the purchase event. Idempotent
  // per orderId, so customer refreshing the thank-you page doesn't
  // inflate their lifetime counters.
  var orig = w.tcFirePurchase;
  if (typeof orig === 'function') {
    w.tcFirePurchase = function (o) {
      try {
        if (!o || !o.orderId) return orig.apply(this, arguments);
        var lt = readLT();
        var firstFire = lt.lastOrderId !== String(o.orderId);
        var orderCount    = firstFire ? lt.orderCount + 1 : lt.orderCount;
        var lifetimeValue = firstFire ? lt.lifetimeValue + (o.value || 0) : lt.lifetimeValue;
        var firstOrderTs  = lt.firstOrderTs || Date.now();
        var newCustomer   = orderCount === 1;
        var daysSinceFirst = Math.floor((Date.now() - firstOrderTs) / 86400000);

        if (firstFire) {
          writeLT({
            orderCount:    orderCount,
            lifetimeValue: lifetimeValue,
            firstOrderTs:  firstOrderTs,
            lastOrderTs:   Date.now(),
            lastOrderId:   String(o.orderId)
          });
        }

        var attr = readAttr();
        // Build the enriched order. Preserve every original field; add
        // customer + attribution on top.
        var enriched = {};
        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) enriched[k] = o[k];
        enriched.new_customer            = newCustomer;
        enriched.customer_type           = newCustomer ? 'new' : 'returning';
        enriched.customer_status         = 'customer';
        enriched.customer_lifetime_value = Math.round(lifetimeValue * 100) / 100;
        enriched.customer_order_count    = orderCount;
        enriched.customer_aov            = orderCount > 0 ? Math.round((lifetimeValue / orderCount) * 100) / 100 : 0;
        enriched.purchase_number         = orderCount;
        enriched.days_since_first_order  = daysSinceFirst;
        enriched.value_tier              = tier(lifetimeValue);
        if (attr) enriched.attribution = {
          landing:   attr.u   || null,
          referrer:  attr.r   || null,
          utm:       attr.utm || null,
          click_ids: attr.cid || null
        };
        return orig.call(this, enriched);
      } catch (e) {
        try { return orig.apply(this, arguments); } catch (e2) {}
      }
    };
  }

  // ── tc_visitor_context — emits visitor lifecycle + remarketing on
  //    every page-view. GTM / GA4 audience triggers + Google Ads
  //    dynamic remarketing tag read these.
  function visitorContext() {
    try {
      var lt = readLT();
      var attr = readAttr();
      var pageType = (typeof w.tcPageType === 'function') ? (w.tcPageType() || 'other') : 'other';
      w.dataLayer = w.dataLayer || [];
      w.dataLayer.push({
        event:                   'tc_visitor_context',
        event_id:                'tc_visitor_context.' + Date.now() + '.' + Math.random().toString(36).slice(2, 6),
        customer_status:         lt.orderCount > 0 ? 'returning_customer' : 'guest',
        customer_type:           lt.orderCount > 0 ? 'returning' : 'guest',
        value_tier:              tier(lt.lifetimeValue),
        customer_lifetime_value: Math.round(lt.lifetimeValue * 100) / 100,
        customer_order_count:    lt.orderCount,
        days_since_first_order:  lt.firstOrderTs ? Math.floor((Date.now() - lt.firstOrderTs) / 86400000) : null,
        ecomm_pagetype:          pageType,
        attribution: attr ? {
          landing:   attr.u   || null,
          referrer:  attr.r   || null,
          utm:       attr.utm || null,
          click_ids: attr.cid || null
        } : null
      });
    } catch (e) {}
  }
  if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', visitorContext);
  else visitorContext();
})(window, document);
</script>
<!-- End Traksolv enrichment -->

5
Test in Snipcart Test Mode
Save
Snipcart dashboard → switch to Test Mode → add to cart + complete checkout → verify purchase fires
?tcDebug=1 in the URL will log every Snipcart event the snippet observes alongside the dataLayer pushes.

The loader Head + Body snippets are generated for your container inside the TrakSolv dashboard. Create a free account to grab them, or see the full how-it-works walkthrough.

FAQ

Server-side tracking for Snipcart, answered

Does server-side tracking work with Snipcart?

Yes. TrakSolv works with Snipcart via a lightweight loader snippet plus a Snipcart-specific dataLayer that fires every GA4 enhanced-ecommerce event. You paste it once in Snipcart's custom-code area and conversions start flowing through your own server-side GTM container.

How do I install TrakSolv on Snipcart?

Add the TrakSolv loader (head + body) and the Snipcart dataLayer snippet to your store's custom-code settings, then save. The full step-by-step is on this page. Most Snipcart merchants are live in a few minutes — no developer required.

What can I track server-side on Snipcart?

Page views, product views, checkout completions, begin-checkout and more — every standard GA4 enhanced-ecommerce event, forwarded server-side to GA4, Meta CAPI, Google Ads and other destinations with deduplication.

How much does server-side tracking for Snipcart cost?

TrakSolv uses flat monthly pricing — one event sent to many destinations still counts as one event, and paid plans never auto-pause at quota. You can start free and go live in minutes.

See all supported platforms

Recover your Snipcart conversions — start free.

Spin up a first-party server-side GTM container for Snipcart and watch your match quality climb. No credit card, live in minutes.

Start free Compare plans