and runs during HTML parse, but hubspotutk is set by
js.hs-analytics.net, measured loading at ~834ms. On a first visit the cookie
does not exist yet, so a single read returns nothing and the visitor gets no
external ID at all — and a first visit is exactly what an ad click is. So
poll briefly until HubSpot sets it. The SDK loads lazily (~4.5s) and replays
a queue, so an init queued a second or two in still lands before any events
are transmitted. */
(function attachExternalId() {
var attempts = 0;
var MAX_ATTEMPTS = 40; /* 40 x 200ms = 8s, then give up quietly */
var timer = null;
function tryAttach() {
var raw = getExternalId();
if (!raw) {
if (++attempts >= MAX_ATTEMPTS && timer) clearInterval(timer);
return;
}
if (timer) clearInterval(timer);
sha256Hex(raw).then(function (hash) {
oaiq("init", { user: { external_id_sha256: hash } });
}).catch(function () {});
}
tryAttach(); /* returning visitor: immediate */
if (!getExternalId()) timer = setInterval(tryAttach, 200);
})();
/* ---------------------------------------------------------------------------
2. Load the SDK off the critical path
Whichever comes first: the main thread going idle after load, or the first
sign of real user intent. No preconnect on purpose — a TLS handshake during
LCP for a script we deliberately deferred is a net loss.
Measured on clickpost.ai: load event 3614ms, SDK fetched 4508ms.
------------------------------------------------------------------------ */
var loaded = false;
var INTENT = ["pointerdown", "keydown", "scroll"];
function loadSdk() {
if (loaded) return;
loaded = true;
INTENT.forEach(function (t) { removeEventListener(t, loadSdk, { passive: true }); });
var s = document.createElement("script");
s.src = SDK;
s.async = true;
s.fetchPriority = "low";
document.head.appendChild(s);
}
INTENT.forEach(function (t) {
addEventListener(t, loadSdk, { passive: true, once: true });
});
addEventListener("load", function () {
window.requestIdleCallback
? requestIdleCallback(loadSdk, { timeout: 2500 })
: setTimeout(loadSdk, 1500);
}, { once: true });
/* ---------------------------------------------------------------------------
3. Conversion id
sha256(lowercase(email) + "|" + formId + "|" + ISO-hour), first 20 hex,
"lead_" prefix.
- email lowercased/trimmed so casing does not fork the id
- formId keeps two different forms in the same hour from colliding
- the hour bucket is only the server's fallback; the id computed here is
sent to the relay verbatim, so the two paths cannot disagree even when
a submit straddles an hour boundary
Ads Manager's own sample omits event_id. We send it so the pixel event and
the relay event collapse into one conversion instead of counting twice.
------------------------------------------------------------------------ */
function buildEventId(email, formId) {
var seed = [
String(email || "").trim().toLowerCase(),
String(formId || ""),
new Date().toISOString().slice(0, 13)
].join("|");
return crypto.subtle.digest("SHA-256", new TextEncoder().encode(seed)).then(function (buf) {
var hex = Array.prototype.map.call(new Uint8Array(buf), function (b) {
return b.toString(16).padStart(2, "0");
}).join("");
return "lead_" + hex.slice(0, 20);
});
}
/* Guards a re-fire from the history.pushState that book-a-demo-core.js runs
after submit, and from back-navigation onto the same state. */
function firedOnce(id) {
try {
if (sessionStorage.getItem("oaiq_" + id)) return true;
sessionStorage.setItem("oaiq_" + id, "1");
return false;
} catch (e) {
return false; /* private mode / blocked storage: fire rather than lose it */
}
}
/* Path 2. keepalive lets the request finish even if the page navigates away.
Failures are swallowed deliberately: a reporting call must never surface an
error to someone who just submitted a form.
The relay hashes the email server-side into user.emails_sha256 and adds the
caller's IP and user agent, so this event carries the same match signals the
pixel gets for free. */
function sendToRelay(email, formId, eventType, eventId) {
try {
var payload = {
token: RELAY_TOKEN,
email: email,
form_id: formId || "",
event_type: eventType,
event_id: eventId, /* verbatim, so both paths always match */
source_url: location.href
};
var oppref = getOppref();
if (oppref) payload.oppref = oppref;
var externalId = getExternalId();
if (externalId) payload.external_id = externalId;
fetch(RELAY_URL, {
method: "POST",
keepalive: true,
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload)
}).catch(function () {});
} catch (e) {}
}
/* Capture the email while the form is still on the page. onFormSubmitted does
not reliably carry submissionValues, and by then the form may be removed. */
var lastEmail = "";
document.addEventListener("submit", function (e) {
var f = e.target;
if (!f || !f.querySelector) return;
var i = f.querySelector('input[name="email"], input[type="email"]');
if (i && i.value) lastEmail = i.value;
}, true);
/* Every HubSpot form on the site reports through this one message event, so no
module or theme JS needs editing to add coverage. */
window.addEventListener("message", function (e) {
var d = e.data;
if (!d || d.type !== "hsFormCallback" || d.eventName !== "onFormSubmitted") return;
var email = (d.data && d.data.submissionValues && d.data.submissionValues.email) || lastEmail;
if (!email) return; /* without an email there is no stable id to dedupe on */
var eventType = EVENT_BY_FORM[d.id] || EVENT_DEFAULT;
buildEventId(email, d.id).then(function (id) {
if (firedOnce(id)) return;
oaiq("measure", eventType, { type: DATA_TYPE }, { event_id: id }); /* path 1 */
sendToRelay(email, d.id, eventType, id); /* path 2 */
});
});
})();
How Snitch runs a ₹1,100 Cr Operation with a team of six
With ClickPost as the back-end of its entire logistics, for eCommerce and Quick Commerce
75%
NDR to delivery conversion
60%
Shipments delivered in under 2 days
5%
RTO rate. Kept under control
8-10
Couriers managed on a single platform
"There is a lot of competition offering similar services. What sets ClickPost apart is the foundation. I have worked very closely with the team on building new features and solving new problem statements. No other partner could do that."
VP – Operations & Supply Chain at Snitch
Snitch's key challenges with logistics operations
As a rapidly expanding D2C brand, Snitch faced significant challenges in delivering online orders flawlessly within its omnichannel strategy.
No reliable pre purchase delivery date, couriers timelines manually mapped
Separately managing carriers and aggregators, leading to chaos
Time consuming allocation, couriers self reported performance
Non systematic failed delivery management. They were converting only 40%-45% of failed deliveries
Tracking experience did not match the brands standards
Reconciliation with courier partners was a long, tedious process
With ClickPost: How Snitch's operations changed as they scaled
ClickPost provides powerful tools to optimize key stages of Snitch's D2C order journey, supporting their fulfilment. This includes precise performance control over couriers, real-time tracking, automated customer notifications, and comprehensive reporting, tailored to Snitch's operational needs.
Accurate, partner specific delivery date estimates on the product page
Only direct accounts. 8-10 carriers on a unified platform with standardised statuses
Automated allocation across 23,000 pincodes with accurate carrier performance for all
Multi channel NDR journeys recover 75% of failed deliveries successfully
Marketplace grade live tracking across e-commerce and quick commerce
Months of data across all partners in one click, single format, for billing, COD, audits
About the company
Founded in 2020 by Siddharth Dungarwal, Snitch has rapidly evolved from a digital-first sensation into an omnichannel powerhouse in Indian menswear. Captivating the Gen Z and millennial markets with its ultra-agile, trend-forward ethos, the brand has scaled its physical footprint to 130+ retail outlets nationwide while driving massive digital momentum. A pioneer in fast fashion Snitch reinforces its presence with cutting-edge initiatives like its 60-minute quick-commerce delivery and its strategic expansion into new lifestyle verticals.
Visit Website
Industry
Fashion & Apparel
Solutions Used
Multi-Carrier IntegrationServiceability at CheckoutNotificationsNDR ChatbotPost Delivery SurveysBranded Tracking PageEDD
Use Case
Optimizing D2C ecommerce and quick-commerce order fulfillment through advanced visibility, automated customer communication, and workflow automations for teams to seamlessly integrate with Snitch’s broader omnichannel strategy.