E-commerce platform

Server-Side Tracking for Magento / Adobe Commerce

Stop losing conversions to iOS ITP, short-lived cookies, and ad-blockers. TrakSolv hosts a first-party server-side GTM container for your Magento / Adobe Commerce 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 Magento / Adobe Commerce dataLayerGA4 · Meta CAPI · Google Ads

Why it matters for Magento / Adobe Commerce

The pixel alone is leaking your data.

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

Recover conversions lost to ITP & ad-blockers

On Magento / Adobe Commerce, 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 purchases and add-to-carts 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 Magento / Adobe Commerce 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 Magento / Adobe Commerce dataLayer fires every GA4 enhanced-ecommerce event with a stable event_id, so your server-side container can forward purchases and add-to-carts 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 Magento / Adobe Commerce

Paste the TrakSolv loader and the Magento / Adobe Commerce 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 Magento / Adobe Commerce

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
Open Design Configuration
Navigate
Magento Admin → Content → Design → Configuration → edit your active store / theme
2
Loader — head half
Loader • Head
HTML Head → Scripts and Style Sheets
Paste the Head snippet at the bottom of any existing value.
3
Loader — body half + DataLayer (JS)
Loader • Body
Footer → Miscellaneous HTML
Paste the Loader Body snippet FIRST, then the JS DataLayer snippet right after it. Both go in the Miscellaneous HTML field.

DataLayer JS appended below body

DataLayer

Same Footer → Miscellaneous HTML (append after the Body snippet)

HTML

<!-- Traksolv · Magento DataLayer — JS half: site-wide auto-detect + universal API -->
<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; }
  }
  function money(v) { return parseFloat(String(v == null ? '' : v).replace(/[^\d.\-]/g, '')) || 0; }
  function textOf(sel, root) { var el = (root || d).querySelector(sel); return el ? (el.textContent || '').trim() : ''; }
  function attrOf(sel, attr, root) { var el = (root || d).querySelector(sel); return el ? (el.getAttribute(attr) || '') : ''; }

  // Currency: from Magento's mage globals.
  var pageCurrency = (w.checkoutConfig && w.checkoutConfig.quoteData && w.checkoutConfig.quoteData.quote_currency_code) ||
                     attrOf('[data-currency]', 'data-currency') ||
                     'USD';

  // ── Universal escape hatch for CUSTOM thank-you / order pages ────
  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:          o.value || 0,
          currency:       o.currency || pageCurrency,
          items:          Array.isArray(o.items) ? o.items : []
        }
      });
    } catch (e) {}
  };

  // ── Page detection ───────────────────────────────────────────────
  // Magento puts page-type classes on <body>: catalog-product-view,
  // catalog-category-view, checkout-cart-index, checkout-index-index,
  // checkout-onepage-success.
  function pageType() {
    var bc = (d.body && d.body.className) || '';
    if (/checkout-onepage-success|checkout-success/.test(bc)) return 'order';
    if (/checkout-index-index|opc-/.test(bc)) return 'checkout';
    if (/checkout-cart-index|cart-index/.test(bc)) return 'cart';
    if (/catalog-product-view/.test(bc)) return 'product';
    if (/catalog-category-view|catalogsearch-result/.test(bc)) return 'category';
    return null;
  }

  function fireViewItem() {
    try {
      // Magento product page: data-product-id on the product wrapper.
      var pid = attrOf('[data-product-id]', 'data-product-id') ||
                attrOf('form[data-product-sku]', 'data-product-sku');
      if (!pid) return;
      if (!once('tc_view_item_' + pid)) return;
      var name = textOf('.page-title .base, .product-info-main .page-title, h1');
      var price = money(textOf('.product-info-main .price-wrapper .price, [data-price-amount]'));
      var brand = textOf('.product-info-main .product.brand');
      push('view_item', pid, {
        ecommerce: {
          currency: pageCurrency,
          value:    price,
          items: [{
            item_id:    String(pid),
            item_name:  name,
            item_brand: brand || undefined,
            price:      price,
            quantity:   1
          }]
        }
      });
    } catch (e) {}
  }

  function fireViewItemList() {
    try {
      var cards = d.querySelectorAll('.products-grid .item.product, .product-items > .product-item, ol.products > li');
      if (!cards.length) return;
      if (!once('tc_view_item_list_' + location.pathname)) return;
      var items = [];
      for (var i = 0; i < Math.min(cards.length, 25); i++) {
        var c = cards[i];
        var link = c.querySelector('a.product-item-link, .product-item-name a');
        var name = link ? (link.textContent || '').trim() : '';
        var price = money(textOf('[data-price-amount], .price', c));
        var sku = attrOf('[data-product-sku]', 'data-product-sku', c) || attrOf('[data-product-id]', 'data-product-id', c);
        if (!sku) continue;
        items.push({ item_id: String(sku), item_name: name, price: price, index: i });
      }
      if (!items.length) return;
      push('view_item_list', location.pathname, {
        ecommerce: {
          item_list_id:   location.pathname,
          item_list_name: textOf('h1') || location.pathname,
          items:          items
        }
      });
    } catch (e) {}
  }

  function fireViewCart() {
    try {
      var rows = d.querySelectorAll('table#shopping-cart-table tbody tr, .cart.item, tbody tr[id^="cart-item-"]');
      if (!rows.length) return;
      if (!once('tc_view_cart_' + location.pathname)) return;
      var items = []; var total = 0;
      for (var i = 0; i < rows.length; i++) {
        var r = rows[i];
        var name = textOf('.product-item-name, .item-name', r);
        var price = money(textOf('.price-excluding-tax .price, [data-price-amount]', r));
        var qty = parseInt(((r.querySelector('input.qty, input[name="cart[]"]') || { value: '1' }).value || '1'), 10) || 1;
        items.push({ item_id: name || ('item.' + i), item_name: name, price: price, quantity: qty });
        total += price * qty;
      }
      push('view_cart', location.pathname.slice(0, 64), {
        ecommerce: { currency: pageCurrency, value: total, items: items }
      });
    } catch (e) {}
  }

  function fireBeginCheckout() {
    try {
      var q = w.checkoutConfig && w.checkoutConfig.quoteData;
      if (!q) return;
      var qid = String(q.entity_id || q.id || 'quote');
      if (!once('tc_begin_checkout_' + qid)) return;
      var items = (w.checkoutConfig.quoteItemData || []).map(function (it) {
        return {
          item_id:   String(it.product_id || it.item_id),
          item_name: it.name,
          price:     money(it.price),
          quantity:  parseInt(it.qty || '1', 10) || 1
        };
      });
      var value = items.reduce(function (s, i) { return s + i.price * i.quantity; }, 0) || money(q.grand_total);
      push('begin_checkout', qid, {
        ecommerce: { currency: pageCurrency, value: value, items: items }
      });
    } catch (e) {}
  }

  // ── Add / remove from cart — Magento fires events on the
  //    customerData event bus, but it's RequireJS-bound. Use DOM
  //    click hooks as a robust cross-version path.
  d.addEventListener('click', function (e) {
    try {
      var btn = e.target && e.target.closest && e.target.closest(
        'button.tocart, button[id^="product-addtocart-button"], form[data-product-sku] [type="submit"]'
      );
      if (!btn) return;
      // Capture the product info before navigation / AJAX completes.
      var form = btn.closest('form');
      var pid = (form && form.getAttribute('data-product-sku')) ||
                (form && (form.querySelector('input[name="product"]') || {}).value) ||
                attrOf('[data-product-id]', 'data-product-id');
      var name = textOf('h1, .product-info-main .page-title');
      var price = money(textOf('.product-info-main [data-price-amount], .product-info-main .price'));
      if (!pid) return;
      push('add_to_cart', pid + '.' + Date.now(), {
        ecommerce: {
          currency: pageCurrency,
          value:    price,
          items: [{ item_id: String(pid), item_name: name, price: price, quantity: 1 }]
        }
      });
    } catch (e) {}
  }, true);

  // Expose pageType so the enrichment block can set ecomm_pagetype.
  w.tcPageType = pageType;

  // ── Bootstrap ────────────────────────────────────────────────────
  function boot() {
    var t = pageType();
    if (t === 'product')  fireViewItem();
    if (t === 'category') fireViewItemList();
    if (t === 'cart')     fireViewCart();
    if (t === 'checkout') fireBeginCheckout();
    // Order page: leave the purchase event to the PHP template
    // snippet (it has the real order data).
  }
  if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', boot);
  else boot();
})(window, document);
</script>
<!-- End Traksolv Magento DataLayer (JS half) -->

<!-- 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 -->

DataLayer PHP — purchase event

DataLayer • PHP

Your theme: app/design/frontend/<vendor>/<theme>/Magento_Checkout/templates/success.phtml

Override the success template and paste the PHP snippet at the bottom. Required to fire the purchase event — Magento renders order data server-side.

PHP

<?php /* Traksolv · Magento DataLayer — PHP half: purchase event */ ?>
<?php
/** @var \Magento\Checkout\Block\Onepage\Success $block */
$_order = $block->getOrder();
if ($_order):
    $_items = [];
    foreach ($_order->getAllVisibleItems() as $_i) {
        $_items[] = [
            'item_id'   => (string) $_i->getSku(),
            'item_name' => (string) $_i->getName(),
            'price'     => (float)  $_i->getPrice(),
            'quantity'  => (int)    $_i->getQtyOrdered(),
        ];
    }
?>
<script>
(function () {
  var ORDER_ID = <?= json_encode((string) $_order->getIncrementId()) ?>;
  if (!ORDER_ID || !window.tcFirePurchase) return;
  window.tcFirePurchase({
    orderId:  ORDER_ID,
    value:    <?= json_encode((float) $_order->getGrandTotal()) ?>,
    currency: <?= json_encode((string) $_order->getOrderCurrencyCode()) ?>,
    items:    <?= json_encode($_items, JSON_UNESCAPED_SLASHES) ?>
  });
})();
</script>
<?php endif; ?>
<!-- End Traksolv Magento DataLayer (PHP half) -->

6
Save and flush cache
Save
Save Configuration → System → Cache Management → Flush Magento Cache
Magento caches the Footer HTML — without flushing the cache the snippets won't appear on the storefront.

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 Magento / Adobe Commerce, answered

Does server-side tracking work with Magento / Adobe Commerce?

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

How do I install TrakSolv on Magento / Adobe Commerce?

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

What can I track server-side on Magento / Adobe Commerce?

Page views, product views, purchases and add-to-carts, 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 Magento / Adobe Commerce 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 Magento / Adobe Commerce conversions — start free.

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

Start free Compare plans