Shopify

<script src="https://cdn.linkrunner.io/web/v1/lr.js" data-token="YOUR_WEB_SDK_TOKEN" defer></script>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        var vid = localStorage.getItem("lr_vid");
        if (!vid) return;
        fetch("/cart/update.js", {
            method: "POST",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify({ attributes: { lr_vid: vid } }),
        }).catch(function () {});
    });
</script>

var LR_TOKEN = "YOUR_WEB_SDK_TOKEN";
var LR_ENDPOINT = "https://api.linkrunner.io/web/collect";

var UTM_KEYS = ["utm_source", "utm_medium", "utm_campaign", "utm_id", "utm_term", "utm_content"];
var CLICK_ID_KEYS = ["gclid", "gbraid", "wbraid", "fbclid", "fbc", "fbp",
                     "ttclid", "twclid", "msclkid", "li_fat_id", "dclid", "irclickid"];

async function local(key) {
    try { return (await browser.localStorage.getItem(key)) || ""; } catch (e) { return ""; }
}

async function session(key) {
    try { return (await browser.sessionStorage.getItem(key)) || ""; } catch (e) { return ""; }
}

async function clickId(name) {
    try { return JSON.parse(await local("lr_" + name)).v || ""; } catch (e) { return ""; }
}

analytics.subscribe("checkout_completed", async (event) => {
    try {
        var checkout = event.data.checkout || {};

        var payload = {
            token: LR_TOKEN,
            event_id: "lr-" + Date.now().toString(36) + "-" + Math.random().toString(36).slice(2, 10),
            event_type: "custom",
            event_name: "purchase",
            event_data: {
                value: Number(checkout.totalPrice && checkout.totalPrice.amount) || 0,
                currency: checkout.currencyCode || "",
                order_id: (checkout.order && checkout.order.id) || "",
                email: checkout.email || "",
                phone: checkout.phone || "",
            },
            visitor_id: await local("lr_vid"),
            session_id: await session("lr_sid"),
            user_id: await local("lr_uid"),
            page_url: event.context.document.location.href,
            client_timestamp: new Date().toISOString(),
        };

        if (!payload.visitor_id) {
            (checkout.attributes || []).forEach(function (a) {
                if (a.key === "lr_vid") payload.visitor_id = a.value || "";
            });
        }

        for (var k of UTM_KEYS) {
            payload[k] = await session("lr_" + k);
            payload["ft_" + k] = await local("lr_ft_" + k);
        }

        for (var c of CLICK_ID_KEYS) {
            payload[c] = await clickId(c);
            payload["ft_" + c] = await local("lr_ft_" + c);
        }

        payload.ft_traffic_source_type = await local("lr_ft_traffic_source_type");
        payload.ft_traffic_source_name = await local("lr_ft_traffic_source_name");
        payload.traffic_source_type = (await session("lr_ts_type")) || payload.ft_traffic_source_type;
        payload.traffic_source_name = (await session("lr_ts_name")) || payload.ft_traffic_source_name;

        await fetch(LR_ENDPOINT, {
            method: "POST",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify(payload),
            keepalive: true,
        });
    } catch (e) {}
});