Install MetricMind on ShopifyBeta

<script src="https://cdn.metricmind.si/mm.js" data-site="YOUR_SITE_ID" defer></script>

// MetricMind: checkout events and sales. Keep the mm.js script in your theme for the store's pages.
const SITE = "YOUR_SITE_ID";
const API = "https://in.metricmind.si/v1/batch";
const IDLE = 30 * 60 * 1000;

const uuid = () => crypto.randomUUID ? crypto.randomUUID() : "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
const get = (key) => browser.localStorage.getItem(key).catch(() => null);
const set = (key, value) => browser.localStorage.setItem(key, value).catch(() => {});

async function ids() {
  const now = Date.now();
  const visitor = (await get("mm_vid")) || uuid();
  const seen = Number(await get("mm_seen")) || 0;
  const session = (now - seen < IDLE && (await get("mm_sid"))) || uuid();
  await Promise.all([set("mm_vid", visitor), set("mm_sid", session), set("mm_seen", String(now))]);
  return { visitor, session };
}

async function send(event, name, props, revenue) {
  if (await get("mm_optout")) return;
  const page = event.context && event.context.document && event.context.document.location;
  const path = page && page.pathname;
  fetch(API, {
    method: "POST",
    keepalive: true,
    headers: { "Content-Type": "text/plain" },
    body: JSON.stringify({
      site: SITE,
      source: "shopify",
      events: [{
        id: uuid(),
        type: "event",
        ts: Date.now(),
        ...(await ids()),
        // Checkout addresses carry tokens: every checkout page is one path.
        path: !path || path.includes("/checkouts") ? "/checkouts/*" : path,
        name,
        props,
        revenue,
      }],
    }),
  }).catch(() => {});
}

const total = (checkout) => checkout.totalPrice && Number(checkout.totalPrice.amount);

analytics.subscribe("product_added_to_cart", (event) => {
  const line = event.data.cartLine;
  if (!line) return;
  send(event, "add_to_cart", { product: line.merchandise.product.title, quantity: line.quantity, value: Number(line.cost.totalAmount.amount), currency: line.cost.totalAmount.currencyCode });
});
analytics.subscribe("checkout_started", (event) => {
  send(event, "begin_checkout", { value: total(event.data.checkout), currency: event.data.checkout.currencyCode });
});
analytics.subscribe("payment_info_submitted", (event) => {
  send(event, "add_payment_info", { value: total(event.data.checkout), currency: event.data.checkout.currencyCode });
});
analytics.subscribe("checkout_completed", (event) => {
  const checkout = event.data.checkout;
  const order = (checkout.order && checkout.order.id) || checkout.token;
  send(event, "purchase", { items: checkout.lineItems ? checkout.lineItems.length : 0 }, { amount: total(checkout), currency: checkout.currencyCode, order_id: order ? String(order) : undefined });
});