Shopify

// Shopify : Paramètres › Événements clients › Ajouter un pixel personnalisé, coller ceci, puis Connecter.
const SITE = 'ID_DU_SITE';
const API = 'https://kreomnisindexation.com/api/collect';

// Origine + chemin + utm_* / ref : le reste de la requête peut contenir des données personnelles.
function clean(href, keepQuery) {
  try {
    const u = new URL(href);
    const q = new URLSearchParams();
    if (keepQuery) u.searchParams.forEach((v, k) => { if (/^utm_|^ref$/.test(k)) q.append(k, v); });
    const s = q.toString();
    return u.origin + u.pathname + (s ? '?' + s : '');
  } catch (e) { return null; }
}
function send(n, event, extra) {
  try {
    const href = event?.context?.document?.location?.href || init?.context?.document?.location?.href;
    const u = href && clean(href, true);
    if (!u) return;
    const body = Object.assign({ s: SITE, n: n, u: u }, extra || {});
    fetch(API, { method: 'POST', body: JSON.stringify(body), keepalive: true, headers: { 'Content-Type': 'text/plain' } }).catch(() => {});
  } catch (e) { /* jamais d'erreur visible pour la boutique */ }
}
function money(m) {
  const n = Number(m?.amount);
  return Number.isFinite(n) ? n : null;
}
// cartLine : { merchandise, quantity } ; lineItem de commande : { variant, title, quantity }.
const str = (x, n) => (x === undefined || x === null || x === '' ? null : String(x).slice(0, n));
function line(l) {
  const v = l?.merchandise || l?.variant || {};
  const p = v.product || {};
  const price = money(v.price);
  return { id: str(v.sku || v.id || p.id, 100), name: str(p.title || l?.title || v.title, 200) || 'Produit', category: str(p.type, 100),
    variant: str(v.title, 100), price: price !== null && price >= 0 ? price : null, quantity: Math.max(1, Math.round(Number(l?.quantity) || 1)) };
}
const lines = (list) => (Array.isArray(list) ? list.slice(0, 50).map(line) : []);

analytics.subscribe('page_viewed', (e) => {
  const ref = e?.context?.document?.referrer;
  send('pageview', e, { r: (ref && clean(ref, false)) || null, w: e?.context?.window?.screen?.width || null, l: e?.context?.navigator?.language || null });
});
analytics.subscribe('product_viewed', (e) => send('view_item', e, { it: [line({ merchandise: e?.data?.productVariant, quantity: 1 })] }));
analytics.subscribe('product_added_to_cart', (e) => send('add_to_cart', e, { it: [line(e?.data?.cartLine)] }));
analytics.subscribe('product_removed_from_cart', (e) => send('remove_from_cart', e, { it: [line(e?.data?.cartLine)] }));
analytics.subscribe('checkout_started', (e) => send('begin_checkout', e, { it: lines(e?.data?.checkout?.lineItems) }));
analytics.subscribe('checkout_completed', (e) => {
  const c = e?.data?.checkout || {};
  const amount = money(c.totalPrice);
  const currency = c.currencyCode || c.totalPrice?.currencyCode;
  const order = c.order?.id || c.token;
  send('purchase', e, Object.assign(
    { it: lines(c.lineItems) },
    amount !== null && currency ? { rv: { amount: amount, currency: currency } } : {},
    order ? { p: { order_id: String(order) } } : {},
  ));
});