Shopify

<script defer data-website-id="YOUR_WEBSITE_ID" src="https://seentics.com/trackers/seentics.min.js"></script>

// Seentics custom pixel for Shopify — purchases, product views, add to cart, checkout.
//
// Shopify admin → Settings → Customer events → Add custom pixel → paste this file.
// Replace YOUR_WEBSITE_ID, save, then Connect.
//
// Pixels run in Shopify's sandbox, so the tracker is loaded here as well, with
// automatic pageviews off (theme-snippet.liquid already sends those). Only the
// shopping events below are sent from this pixel.
//
// UNTESTED against a live store. Before relying on it, place a test order and check
// that the purchase appears under Revenue. Two things to confirm:
//   1. The sandbox's Origin matches the website URL registered in Seentics. Seentics
//      refuses events whose origin host differs from the site's, so if purchases are
//      missing, look for 403 "domain mismatch" in the browser's network tab.
//   2. Visitor identity: the pixel's tracker is its own visitor, separate from the
//      theme's. Purchases will show, but may be credited to "direct" instead of the
//      campaign that brought the visitor.

const WEBSITE_ID = 'YOUR_WEBSITE_ID';
const SCRIPT_URL = 'https://seentics.com/trackers/seentics.min.js';

const tag = document.createElement('script');
tag.defer = true;
tag.src = SCRIPT_URL;
tag.setAttribute('data-website-id', WEBSITE_ID);
tag.setAttribute('data-auto-track', 'false');
document.head.appendChild(tag);

// The tracker is `defer`red; events that arrive first wait here.
const pending = [];
let ready = false;
const send = (name, props) => {
  if (ready) window.seentics.track(name, props);
  else pending.push([name, props]);
};
tag.addEventListener('load', () => {
  ready = true;
  for (const [name, props] of pending.splice(0)) window.seentics.track(name, props);
});

const money = (m) => (m && typeof m.amount === 'number' ? Math.round(m.amount * 100) / 100 : 0);
const line = (l) => ({
  name: l.merchandise?.product?.title || l.title || '',
  sku: l.merchandise?.sku || '',
  qty: l.quantity || 1,
  price: money(l.merchandise?.price),
});

analytics.subscribe('product_viewed', (e) => {
  const v = e.data.productVariant;
  send('view_item', {
    item_id: v.product?.id,
    product_name: v.product?.title,
    sku: v.sku || '',
    value: money(v.price),
    currency: v.price?.currencyCode,
  });
});

analytics.subscribe('product_added_to_cart', (e) => {
  const l = e.data.cartLine;
  send('add_to_cart', {
    item_id: l.merchandise?.product?.id,
    product_name: l.merchandise?.product?.title,
    sku: l.merchandise?.sku || '',
    value: money(l.cost?.totalAmount),
    currency: l.cost?.totalAmount?.currencyCode,
    qty: l.quantity,
  });
});

analytics.subscribe('checkout_started', (e) => {
  const c = e.data.checkout;
  send('begin_checkout', {
    value: money(c.totalPrice),
    currency: c.currencyCode,
    qty: (c.lineItems || []).reduce((n, i) => n + (i.quantity || 0), 0),
  });
});

analytics.subscribe('checkout_completed', (e) => {
  const c = e.data.checkout;
  const items = (c.lineItems || []).map((i) => ({
    name: i.title,
    sku: i.variant?.sku || '',
    qty: i.quantity,
    price: money(i.variant?.price),
  }));
  send('purchase', {
    value: money(c.totalPrice),
    currency: c.currencyCode,
    // Seentics counts one order per id, so a repeated event is harmless.
    order_id: String(c.order?.id || c.token),
    product_name: items[0]?.name || '',
    user_type: c.order?.customer?.isFirstOrder === false ? 'returning' : 'new',
    items,
  });
});