Getting a haircut, what it costs and how

Updated July 2026Reviewed July 2026

The short versionGetting a haircut in Denmark is easy but pricey. Book online or walk in, expect 250-500+ DKK, and know a few Danish words helps though most barbers speak English.

Where to go

You will find everything from quick budget barbers (klipperi) to high-end salons (frisør). Chains and independents both take online bookings, and many walk-in barbers cluster near stations and high streets. Reviews on Google and the booking app help you judge quality.

What it costs

Expect roughly 250-350 DKK for a men's cut at a standard barber, and 400-700+ DKK for a women's cut and style at a salon, more in central Copenhagen. Colour and treatments add up fast. Budget barbers exist but shop by review, not just price.

Booking and tipping

Book online through the salon's site or a booking app; walk-ins work at busier barbers. Tipping is not expected in Denmark, service is included, though rounding up is appreciated. Pay by card or MobilePay.

Useful words

Most stylists speak good English, but a few words help: klip (cut), kort (short), længde (length), og ikke for kort (and not too short). Bring a photo, it beats any language barrier.

Common questions

How much is a haircut in Denmark?

Around 250-350 DKK for a men's cut and 400-700+ DKK for a women's cut and style, more in central Copenhagen.

Do you tip hairdressers in Denmark?

No, tipping is not expected as service is included, though rounding up is appreciated.

Do Danish hairdressers speak English?

Most do, especially in cities, but a few Danish words or a reference photo help.

/* ========================================================================= EXPLORING DENMARK - interaction tracking v2 (GA4 + Microsoft Clarity) ------------------------------------------------------------------------- WPCode: JavaScript Snippet, site-wide, FOOTER, active. (If you paste it as an HTML snippet instead, wrap it in script tags.) WHAT CHANGED vs v1 - see the notes at the bottom of this file. ACTION REQUIRED IN GA4 (otherwise you will double-count): Admin > Data streams > Enhanced measurement > turn OFF - Form interactions (this file sends better form_start / form_submit) - File downloads (this file sends file_download with more params) Leave Scrolls, Outbound clicks and Site search ON or OFF as you prefer; the names here do not collide with them. REGISTER THESE AS CUSTOM DIMENSIONS (Admin > Custom definitions, event-scoped) or they will not appear in reports: label, page_group, page_path, metric_name, metric_rating, link_url, link_position, file_extension, method, search_term, element, form_name And as custom metrics: metric_value, percent, seconds, count ========================================================================= */ (function () { "use strict"; /* ======================================================================= 0. CONFIG - everything switchable in one place ======================================================================= */ var CFG = { /* "lean" drops the highest-volume signals (section views, dead clicks, internal link clicks, engaged-time buckets). "full" sends everything. */ profile: "full", /* Hard volume guards. GA4 tolerates a lot, but noise ruins reports and costs page performance. Tune these rather than removing features. */ maxEventsPerPage: 400, maxPerEventName: 40, maxClarityTags: 12, /* Feature switches */ trackVitals: true, trackInternalLinks: true, trackSectionViews: true, trackCtaImpressions: true, /* pairs with cta_click to give you CTA CTR */ trackDeadClicks: true, trackMedia: true, trackSelection: true, trackExitIntent: true, trackRouteChanges: true, /* harmless on classic WP, needed if you add pjax */ /* Clarity: force-record sessions that matter (conversions + frustration). Uses clarity("upgrade", reason). */ clarityUpgrade: true, clarityUpgradeOn: [ "newsletter_signup", "form_submit", "affiliate_click", "outbound_click", "rage_click", "js_error", "page_not_found", "form_abandon" ], scrollMarks: [25, 50, 75, 90, 100], engagedBuckets: [15, 30, 60, 120, 300, 600], downloadExt: ["pdf","doc","docx","xls","xlsx","csv","ppt","pptx","zip","rar", "7z","txt","rtf","ics","gpx","kml","epub","mp3","mp4","wav","dmg","exe"], /* Brevo newsletter: submit events never fire on some embeds, so we also watch for the success panel appearing. Adjust selectors to your markup. */ newsletterFormSelector: "form.sib-form, form[id*='sib'], form[class*='news'], form[class*='subscribe'], .ed-newsletter form", newsletterSuccessSelector: ".sib-form-message-panel--active, #success-message, .ed-news-success", ctaSelector: ".ed-cta, .ed-btn, [data-cta]", navSelector: ".edx-navlink, .edx-nav a, header nav a", footerSelector: "footer a, .edx-footer a", debug: false /* also enabled by adding ?edxdebug=1 to any URL */ }; try { if (location.search.indexOf("edxdebug=1") > -1) CFG.debug = true; } catch (e) {} var LEAN = CFG.profile === "lean"; var HOST = location.hostname; var DNT = navigator.doNotTrack === "1" || window.doNotTrack === "1"; function log() { if (!CFG.debug || !window.console) return; try { console.log.apply(console, ["[ed-track]"].concat([].slice.call(arguments))); } catch (e) {} } /* ======================================================================= 1. UTILITIES ======================================================================= */ function clamp(v, n) { if (v === null || v === undefined) return ""; v = String(v).replace(/\s+/g, " ").trim(); return v.length > n ? v.slice(0, n) : v; } function slug(s) { return String(s || "").toLowerCase() .replace(/[^a-z0-9]+/g, "-") .replace(/^-+|-+$/g, "") .slice(0, 40); } function num(n) { return (typeof n === "number" && isFinite(n)) ? n : 0; } function throttle(fn, ms) { var t = null; return function () { if (t) return; t = setTimeout(function () { t = null; fn(); }, ms); }; } function ext(href) { try { var p = new URL(href, location.href).pathname; var m = p.match(/\.([a-z0-9]{2,5})(?:$|\?)/i); return m ? m[1].toLowerCase() : ""; } catch (e) { return ""; } } function fileName(href) { try { var p = new URL(href, location.href).pathname.split("/"); return clamp(decodeURIComponent(p[p.length - 1] || ""), 90); } catch (e) { return ""; } } function isExternal(href) { try { var h = new URL(href, location.href).hostname; return !!h && h.replace(/^www\./, "") !== HOST.replace(/^www\./, ""); } catch (e) { return false; } } function labelOf(el) { if (!el) return ""; var l = el.getAttribute && ( el.getAttribute("data-track-label") || el.getAttribute("aria-label") || el.getAttribute("title") ); if (!l) l = (el.textContent || "").trim(); if (!l && el.getAttribute) l = el.getAttribute("alt") || el.getAttribute("href") || ""; if (!l) l = el.tagName ? el.tagName.toLowerCase() : ""; return clamp(l, 90); } function elementSig(el) { if (!el || !el.tagName) return "unknown"; var c = (typeof el.className === "string" ? el.className : "").split(/\s+/)[0] || ""; return clamp(el.tagName.toLowerCase() + (el.id ? "#" + el.id : c ? "." + c : ""), 60); } function positionOf(el) { if (!el || !el.closest) return "body"; if (el.closest(CFG.navSelector)) return "nav"; if (el.closest(CFG.footerSelector)) return "footer"; if (el.closest(".ed-sidebar, aside")) return "sidebar"; if (el.closest(".ed-prose, article, main")) return "content"; return "other"; } /* Page grouping - gives you one dimension that makes 147 pages analysable. */ var PAGE_GROUP = (function () { var p = location.pathname.replace(/\/+$/, "") || "/"; if (p === "/") return "home"; if (/^\/(tag|tags)\//.test(p)) return "tag"; if (/^\/(category|categories)\//.test(p)) return "category"; if (/^\/(author)\//.test(p)) return "author"; if (/search/.test(p)) return "search"; if (/(newsletter|dispatch|subscribe)/.test(p)) return "newsletter"; if (/(about|contact|privacy|terms|cookie)/.test(p)) return "info"; var seg = p.split("/").filter(Boolean); if (seg.length === 1) return "guide"; return "guide-" + slug(seg[0]); })(); var DEVICE = window.innerWidth <= 700 ? "mobile" : window.innerWidth <= 1024 ? "tablet" : "desktop"; /* ======================================================================= 2. DELIVERY LAYER The single biggest fix vs v1: this snippet loads in the footer, so gtag and clarity may not exist yet when early events fire. v1 dropped them silently. Here every event is queued and retried against each sink independently until both have taken it, or the deadline passes. ======================================================================= */ var queue = []; var retryTimer = null; var sentTotal = 0; var perName = {}; var clarityTags = 0; var dedupe = {}; var onceMap = {}; var timers = []; var observers = []; var DEADLINE_MS = 15000; function gaReady() { return typeof window.gtag === "function"; } function clReady() { return typeof window.clarity === "function"; } function sanitise(params) { var out = {}, keys = 0; for (var k in params) { if (!Object.prototype.hasOwnProperty.call(params, k)) continue; if (keys >= 22) break; /* GA4 caps at 25 per event */ if (/^(google_|ga_|firebase_)/.test(k)) continue; var v = params[k]; if (v === null || v === undefined || v === "") continue; out[k] = (typeof v === "number") ? v : clamp(v, 100); /* GA4 caps at 100 chars */ keys++; } return out; } function fire(name, params) { if (DNT && CFG.profile !== "full") return; name = clamp(String(name).replace(/[^a-z0-9_]/gi, "_"), 40); if (sentTotal >= CFG.maxEventsPerPage) return; perName[name] = (perName[name] || 0) + 1; if (perName[name] > CFG.maxPerEventName) return; params = params || {}; params.page_path = location.pathname; params.page_group = PAGE_GROUP; /* Kill accidental double-fires from nested handlers. */ var key = name + "|" + (params.label || "") + "|" + (params.element || ""); var now = Date.now(); if (dedupe[key] && now - dedupe[key] < 400) return; dedupe[key] = now; sentTotal++; var ev = { name: name, params: sanitise(params), t: now, ga: false, cl: false }; log("queue", ev.name, ev.params); queue.push(ev); drain(); } function fireOnce(key, name, params) { if (onceMap[key]) return; onceMap[key] = 1; fire(name, params); } function drain() { var still = []; for (var i = 0; i < queue.length; i++) { var ev = queue[i]; if (!ev.ga && gaReady()) { try { window.gtag("event", ev.name, ev.params); ev.ga = true; } catch (e) {} } if (!ev.cl && clReady()) { try { window.clarity("event", ev.name); if (ev.params.label && clarityTags < CFG.maxClarityTags) { window.clarity("set", ev.name, clamp(ev.params.label, 200)); clarityTags++; } if (CFG.clarityUpgrade && CFG.clarityUpgradeOn.indexOf(ev.name) > -1) { window.clarity("upgrade", ev.name); } ev.cl = true; } catch (e) {} } if (!(ev.ga && ev.cl) && (Date.now() - ev.t) < DEADLINE_MS) still.push(ev); } queue = still; if (queue.length && !retryTimer) { retryTimer = setTimeout(function () { retryTimer = null; drain(); }, 300); timers.push(retryTimer); } } /* Flush hard on the way out. gtag uses sendBeacon internally. */ function finalFlush() { drain(); } /* ======================================================================= 3. SESSION-LEVEL CLARITY TAGS (set once, cheap, high analytical value) ======================================================================= */ function setClarityBase() { if (!clReady()) return false; try { window.clarity("set", "page_group", PAGE_GROUP); window.clarity("set", "device", DEVICE); return true; } catch (e) { return false; } } (function waitClarity(n) { if (setClarityBase() || n > 40) return; var t = setTimeout(function () { waitClarity(n + 1); }, 250); timers.push(t); })(0); /* ======================================================================= 4. ACQUISITION / ATTRIBUTION ======================================================================= */ (function () { try { var q = new URLSearchParams(location.search), utm = {}, found = false; ["utm_source","utm_medium","utm_campaign","utm_term","utm_content", "gclid","fbclid","msclkid","li_fat_id"].forEach(function (k) { var v = q.get(k); if (v) { utm[k] = clamp(v, 100); found = true; } }); if (found) { utm.label = utm.utm_campaign || utm.utm_source || "paid-click"; fire("campaign_landing", utm); } if (document.referrer) { var r = new URL(document.referrer).hostname; if (r && r.replace(/^www\./, "") !== HOST.replace(/^www\./, "")) { var kind = /google|bing|duckduckgo|yahoo|ecosia|brave/.test(r) ? "search" : /facebook|instagram|linkedin|reddit|pinterest|t\.co|twitter|x\.com|threads/.test(r) ? "social" : /mail|outlook|brevo|sendinblue/.test(r) ? "email" : "referral"; fire("referral_visit", { label: r, method: kind }); } } } catch (e) {} })(); /* ======================================================================= 5. TECH / CONTEXT ======================================================================= */ (function () { var nav = navigator || {}; fire("visit_context", { label: DEVICE, element: window.innerWidth + "x" + window.innerHeight, method: (nav.connection && nav.connection.effectiveType) || "unknown", form_name: nav.language || "", count: num(nav.hardwareConcurrency) }); })(); /* ======================================================================= 6. CORE WEB VITALS - LCP, CLS, INP, FCP, TTFB with good/poor ratings v1 promised INP but never implemented it. Ratings are what make this actionable: you can segment "poor LCP" sessions against bounce. ======================================================================= */ var vitals = {}; function rate(metric, v) { var T = { LCP: [2500, 4000], FCP: [1800, 3000], TTFB: [800, 1800], CLS: [0.1, 0.25], INP: [200, 500] }[metric]; if (!T) return ""; return v <= T[0] ? "good" : v <= T[1] ? "needs-improvement" : "poor"; } function sendVital(metric, value) { if (vitals[metric] !== undefined) return; vitals[metric] = value; fire("web_vital", { label: metric, metric_name: metric, metric_value: value, metric_rating: rate(metric, value) }); } if (CFG.trackVitals) (function () { if (!("PerformanceObserver" in window)) return; var cls = 0, inp = 0, lcp = 0; function obs(opts, cb) { try { var o = new PerformanceObserver(cb); o.observe(opts); observers.push(o); } catch (e) {} } obs({ type: "largest-contentful-paint", buffered: true }, function (list) { var e = list.getEntries(), last = e[e.length - 1]; if (last) lcp = Math.round(last.startTime); }); obs({ type: "layout-shift", buffered: true }, function (list) { list.getEntries().forEach(function (en) { if (!en.hadRecentInput) cls += en.value; }); }); /* INP approximation: worst interaction latency on the page. Not the true 98th percentile, but close enough to flag pages that feel sluggish. */ obs({ type: "event", buffered: true, durationThreshold: 16 }, function (list) { list.getEntries().forEach(function (en) { if (en.interactionId && en.duration > inp) inp = Math.round(en.duration); }); }); obs({ type: "paint", buffered: true }, function (list) { list.getEntries().forEach(function (en) { if (en.name === "first-contentful-paint") sendVital("FCP", Math.round(en.startTime)); }); }); try { var n = performance.getEntriesByType("navigation")[0]; if (n && n.responseStart) sendVital("TTFB", Math.round(n.responseStart)); } catch (e) {} window.__edVitalsFinal = function () { if (lcp) sendVital("LCP", lcp); sendVital("CLS", Math.round(cls * 1000) / 1000); if (inp) sendVital("INP", inp); }; })(); /* ======================================================================= 7. CLICKS - one delegated handler, correctly ordered by specificity v1 had two competing capture listeners and matched anchors before CTAs, so a CTA pointing at "#signup" was logged as toc_click. ======================================================================= */ var interactions = 0, firstInteractionSent = false; document.addEventListener("click", function (e) { if (!e.target || e.target.nodeType !== 1) return; interactions++; if (!firstInteractionSent) { firstInteractionSent = true; fire("first_interaction", { label: PAGE_GROUP, metric_value: Math.round(performance.now()), metric_name: "TTFI" }); } frustration(e); var el = e.target.closest( "a[href],button,summary,[data-track],[role='button'],.edx-share-item," + CFG.ctaSelector ); if (!el) return; /* 7.1 explicit override wins over everything */ var custom = el.getAttribute("data-track"); if (custom) { var extra = {}; try { extra = JSON.parse(el.getAttribute("data-track-params") || "{}"); } catch (x) {} extra.label = labelOf(el); extra.link_position = positionOf(el); fire(custom, extra); return; } /* 7.2 share widgets */ var share = el.closest(".edx-share-item[data-net]"); if (share) { fire("share", { method: share.getAttribute("data-net"), content_type: "page", label: clamp(document.title, 90) }); return; } var a = el.closest("a[href]"); if (a) { var href = a.getAttribute("href") || ""; var pos = positionOf(a); if (href.indexOf("mailto:") === 0) { fire("contact_click", { method: "email", label: clamp(href.slice(7), 90), link_position: pos }); return; } if (href.indexOf("tel:") === 0) { fire("contact_click", { method: "phone", label: clamp(href.slice(4), 90), link_position: pos }); return; } /* 7.3 file downloads - missing entirely from v1 */ var x = ext(href); if (x && CFG.downloadExt.indexOf(x) > -1) { fire("file_download", { label: fileName(href), file_extension: x, file_name: fileName(href), link_url: clamp(href, 100), link_position: pos }); return; } if (isExternal(href)) { var dest = ""; try { dest = new URL(href, location.href).hostname; } catch (y) {} var rel = (a.getAttribute("rel") || "").toLowerCase(); var aff = rel.indexOf("sponsored") > -1 || rel.indexOf("affiliate") > -1 || /\/(go|ref|out|aff|partner)\//i.test(href); fire(aff ? "affiliate_click" : "outbound_click", { label: dest, link_url: clamp(href, 100), link_position: pos, element: labelOf(a) }); return; } /* 7.4 CTA before anchor, so anchor-linked CTAs are not misfiled */ if (a.matches(CFG.ctaSelector)) { fire("cta_click", { label: ctaId(a), link_position: pos, link_url: clamp(href, 100) }); return; } if (a.matches(CFG.navSelector)) { fire("nav_click", { label: labelOf(a), link_position: pos }); return; } if (a.closest(".ed-crumb, .edx-crumb")) { fire("breadcrumb_click", { label: labelOf(a) }); return; } if (a.classList.contains("gd-toc-a") || href.charAt(0) === "#") { fire("toc_click", { label: labelOf(a), link_url: clamp(href, 60) }); return; } /* 7.5 remaining internal links - tells you your actual content graph */ if (CFG.trackInternalLinks && !LEAN) { var to = ""; try { to = new URL(href, location.href).pathname; } catch (z) {} fire("internal_link_click", { label: labelOf(a), link_url: clamp(to, 100), link_position: pos }); } return; } if (el.tagName === "SUMMARY") { fire("accordion_toggle", { label: labelOf(el), method: el.parentNode && el.parentNode.open ? "close" : "open" }); return; } var b = el.closest("button,[role='button']"); if (b) { if (b.matches(CFG.ctaSelector)) { fire("cta_click", { label: ctaId(b), link_position: positionOf(b) }); return; } var lab = labelOf(b).toLowerCase(); if (/calculate|estimate|work out|beregn/.test(lab)) { fire("calculator_run", { label: labelOf(b) }); return; } if (b.closest(".hp-search, form[role='search']")) { fire("search_submit", { label: labelOf(b) }); return; } if (b.id === "edxShareBtn") { fire("share_open", { label: "share button" }); return; } if (/menu|burger|nav-toggle/i.test(b.className + " " + (b.id || ""))) { fire("menu_toggle", { label: labelOf(b) }); return; } fire("button_click", { label: labelOf(b), link_position: positionOf(b) }); } }, true); function ctaId(el) { return clamp(el.getAttribute("data-cta") || el.getAttribute("data-track-label") || labelOf(el), 90); } /* ======================================================================= 8. CTA IMPRESSIONS - the highest-value addition for a marketer. Pair cta_impression with cta_click and you get per-CTA click-through rate, rather than raw click counts you cannot compare. ======================================================================= */ function initCtaImpressions() { if (!CFG.trackCtaImpressions || !("IntersectionObserver" in window)) return; var els = document.querySelectorAll(CFG.ctaSelector); if (!els.length) return; var io = new IntersectionObserver(function (ents) { ents.forEach(function (en) { if (!en.isIntersecting) return; fireOnce("ctaimp_" + ctaId(en.target), "cta_impression", { label: ctaId(en.target), link_position: positionOf(en.target) }); io.unobserve(en.target); }); }, { threshold: 0.6 }); for (var i = 0; i < els.length && i < 40; i++) io.observe(els[i]); observers.push(io); } /* ======================================================================= 9. FORMS - start, submit, and abandonment Brevo caveat: if your form is inside an iframe, nothing here can see it. For inline Brevo embeds we also watch for the success panel appearing. ======================================================================= */ var formsStarted = {}, formsSubmitted = {}; function formName(f) { return clamp(f.getAttribute("data-track-label") || f.getAttribute("name") || f.id || (f.className || "").split(/\s+/)[0] || "form", 60); } function isNewsletter(f) { try { return f.matches(CFG.newsletterFormSelector); } catch (e) { return false; } } document.addEventListener("focusin", function (e) { var inp = e.target.closest && e.target.closest("input,textarea,select"); if (!inp) return; var f = inp.closest("form"); if (!f) return; var n = formName(f); formsStarted[n] = 1; fireOnce("fs_" + n, "form_start", { form_name: n, label: n, method: isNewsletter(f) ? "newsletter" : "generic" }); }, true); document.addEventListener("submit", function (e) { var f = e.target; if (!f || f.tagName !== "FORM") return; var n = formName(f); formsSubmitted[n] = 1; var evName = f.getAttribute("data-track") || (isNewsletter(f) ? "newsletter_signup" : "form_submit"); fire(evName, { form_name: n, label: n, link_position: positionOf(f) }); }, true); function initNewsletterWatch() { if (!("MutationObserver" in window)) return; var mo = new MutationObserver(throttle(function () { try { if (document.querySelector(CFG.newsletterSuccessSelector)) { fireOnce("nlsuccess", "newsletter_signup", { label: "brevo-success-panel", method: "dom-detect" }); } } catch (e) {} }, 500)); mo.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] }); observers.push(mo); } /* ======================================================================= 10. SEARCH - fires on intent, not on every keystroke v1 debounced on input, which floods GA4 with partial words like "cop", "copen", "copenh". Here we send only on submit, Enter, or blur. ======================================================================= */ function initSearch() { var box = document.querySelector('.hp-search input, #ed2SearchInput, input[type="search"], input[name="s"]'); if (!box) return; var last = ""; function send(how) { var v = box.value.trim(); if (v.length < 3 || v === last) return; last = v; fire("view_search_results", { search_term: clamp(v, 90), label: clamp(v, 90), method: how }); } box.addEventListener("keydown", function (e) { if (e.key === "Enter") send("enter"); }); box.addEventListener("blur", function () { send("blur"); }); var f = box.closest("form"); if (f) f.addEventListener("submit", function () { send("submit"); }, true); } /* ======================================================================= 11. SCROLL DEPTH ======================================================================= */ var maxScroll = 0; (function () { var hit = {}; function check() { var d = document.documentElement, b = document.body; var st = window.pageYOffset || d.scrollTop || 0; var h = Math.max(b.scrollHeight, d.scrollHeight) - window.innerHeight; if (h <= 0) return; var p = Math.min(100, Math.round(st / h * 100)); if (p > maxScroll) maxScroll = p; CFG.scrollMarks.forEach(function (m) { if (p >= m && !hit[m]) { hit[m] = 1; fire("scroll_depth", { label: m + "%", percent: m }); } }); } window.addEventListener("scroll", throttle(check, 300), { passive: true }); window.addEventListener("resize", throttle(check, 500), { passive: true }); })(); /* ======================================================================= 12. SECTION VIEWS - which parts of a guide actually get read ======================================================================= */ var sectionsSeen = 0; function initSections() { if (!CFG.trackSectionViews || LEAN || !("IntersectionObserver" in window)) return; var secs = document.querySelectorAll(".ed-prose h2, section[id], .gd-section"); if (!secs.length) return; var io = new IntersectionObserver(function (ents) { ents.forEach(function (en) { if (!en.isIntersecting) return; var id = slug(en.target.id || en.target.textContent || "section"); if (!onceMap["sec_" + id]) sectionsSeen++; fireOnce("sec_" + id, "section_view", { label: id }); io.unobserve(en.target); }); }, { threshold: 0.4 }); for (var i = 0; i < secs.length && i < 30; i++) io.observe(secs[i]); observers.push(io); } function initReadComplete() { if (!("IntersectionObserver" in window)) return; var end = document.querySelector("#faq,.gd-faq,.ed-prose > :last-child"); if (!end) return; var io = new IntersectionObserver(function (ents) { ents.forEach(function (en) { if (en.isIntersecting) { fireOnce("readdone", "guide_read_complete", { label: clamp(document.title, 90) }); io.disconnect(); } }); }, { threshold: 0.1 }); io.observe(end); observers.push(io); } /* ======================================================================= 13. MEDIA - HTML5 video and audio. Media events do not bubble, so these must be capture-phase on document. Embedded YouTube cannot be tracked without loading the IFrame API; we log impressions only. ======================================================================= */ function initMedia() { if (!CFG.trackMedia) return; function mLabel(m) { return clamp(m.getAttribute("data-track-label") || m.getAttribute("title") || fileName(m.currentSrc || m.src || "") || "media", 90); } ["play", "pause", "ended"].forEach(function (type) { document.addEventListener(type, function (e) { var m = e.target; if (!m || (m.tagName !== "VIDEO" && m.tagName !== "AUDIO")) return; fire("media_" + (type === "ended" ? "complete" : type), { label: mLabel(m), content_type: m.tagName.toLowerCase(), percent: m.duration ? Math.round(m.currentTime / m.duration * 100) : 0 }); }, true); }); document.addEventListener("timeupdate", function (e) { var m = e.target; if (!m || !m.duration || (m.tagName !== "VIDEO" && m.tagName !== "AUDIO")) return; var p = Math.round(m.currentTime / m.duration * 100); [25, 50, 75].forEach(function (mark) { if (p >= mark) { fireOnce("media_" + mLabel(m) + "_" + mark, "media_progress", { label: mLabel(m), percent: mark }); } }); }, true); if ("IntersectionObserver" in window) { var frames = document.querySelectorAll("iframe[src*='youtube'], iframe[src*='vimeo'], iframe[src*='maps']"); if (frames.length) { var io = new IntersectionObserver(function (ents) { ents.forEach(function (en) { if (!en.isIntersecting) return; var src = en.target.getAttribute("src") || ""; fireOnce("frame_" + slug(src), "embed_impression", { label: /youtube/.test(src) ? "youtube" : /vimeo/.test(src) ? "vimeo" : "map", link_url: clamp(src, 100) }); io.unobserve(en.target); }); }, { threshold: 0.5 }); for (var i = 0; i < frames.length && i < 10; i++) io.observe(frames[i]); observers.push(io); } } } /* ======================================================================= 14. ENGAGED TIME + tab focus. Buckets are capped and the interval is cleared once the last bucket fires, so it does not run forever. ======================================================================= */ var activeSec = 0; (function () { var lastAct = Date.now(), focused = !document.hidden, blurs = 0; ["mousemove", "keydown", "scroll", "touchstart", "click", "pointerdown"].forEach(function (ev) { window.addEventListener(ev, function () { lastAct = Date.now(); }, { passive: true }); }); document.addEventListener("visibilitychange", function () { focused = !document.hidden; if (document.hidden) { blurs++; fire("page_blur", { label: PAGE_GROUP, seconds: activeSec, count: blurs }); finalise(); } else { fire("page_return", { label: PAGE_GROUP, count: blurs }); } }); var tick = setInterval(function () { if (focused && (Date.now() - lastAct) < 15000) activeSec++; }, 1000); timers.push(tick); if (!LEAN) { var report = setInterval(function () { var done = 0; CFG.engagedBuckets.forEach(function (s) { if (activeSec >= s) { fireOnce("eng" + s, "engaged_time", { label: s + "s+", seconds: s }); } if (onceMap["eng" + s]) done++; }); if (done === CFG.engagedBuckets.length) clearInterval(report); }, 5000); timers.push(report); } })(); /* ======================================================================= 15. FRUSTRATION - rage clicks and dead clicks, done properly v1 called any 4 clicks in a second a rage click, and called any click on a paragraph a dead click. Both produced mostly false positives. Rage now requires repeat clicks in the same 40px area; dead requires the element to actually look clickable (pointer cursor, image, or card). ======================================================================= */ var rageBuf = []; function frustration(e) { var now = Date.now(); rageBuf = rageBuf.filter(function (c) { return now - c.t < 1200; }); rageBuf.push({ t: now, x: e.clientX, y: e.clientY }); var near = rageBuf.filter(function (c) { return Math.abs(c.x - e.clientX) < 40 && Math.abs(c.y - e.clientY) < 40; }); if (near.length >= 3) { fire("rage_click", { label: elementSig(e.target), element: labelOf(e.target), count: near.length }); rageBuf = []; return; } if (!CFG.trackDeadClicks || LEAN) return; var interactive = e.target.closest( "a,button,input,select,textarea,label,summary,[role],[onclick],[data-track],[contenteditable]" ); if (interactive) return; var looksClickable = false; try { var cs = window.getComputedStyle(e.target); looksClickable = cs.cursor === "pointer"; } catch (x) {} var tag = e.target.tagName; if (!looksClickable && tag !== "IMG" && tag !== "svg" && tag !== "PICTURE") return; if (window.getSelection && String(window.getSelection()).length > 2) return; /* text selection, not a dead click */ fire("dead_click", { label: elementSig(e.target), element: labelOf(e.target) }); } /* ======================================================================= 16. ERRORS - deduped so one looping broken asset cannot flood GA4 ======================================================================= */ var seenErrors = {}; window.addEventListener("error", function (e) { var t = e.target; if (t && (t.tagName === "IMG" || t.tagName === "SCRIPT" || t.tagName === "LINK")) { var url = clamp(t.src || t.href || "", 100); if (seenErrors[url]) return; seenErrors[url] = 1; fire("resource_error", { label: url, element: t.tagName.toLowerCase() }); } else if (e.message) { var m = clamp(e.message, 100); if (seenErrors[m]) return; seenErrors[m] = 1; fire("js_error", { label: m, element: clamp((e.filename || "") + ":" + (e.lineno || 0), 90) }); } }, true); window.addEventListener("unhandledrejection", function (e) { var m = clamp("promise: " + ((e.reason && e.reason.message) || e.reason || ""), 100); if (seenErrors[m]) return; seenErrors[m] = 1; fire("js_error", { label: m, element: "unhandled-rejection" }); }); /* ======================================================================= 17. COPY, SELECT, PRINT ======================================================================= */ document.addEventListener("copy", function () { var sel = (window.getSelection && String(window.getSelection())) || ""; if (sel.length > 20) fire("content_copy", { label: clamp(sel, 90), count: sel.length }); }); if (CFG.trackSelection && !LEAN) { document.addEventListener("mouseup", throttle(function () { var sel = (window.getSelection && String(window.getSelection())) || ""; if (sel.length > 60) fire("content_select", { label: clamp(sel, 90), count: sel.length }); }, 1200)); } window.addEventListener("beforeprint", function () { fireOnce("print", "print_page", { label: location.pathname }); }); if (window.matchMedia) { var mq = window.matchMedia("print"); if (mq.addEventListener) { mq.addEventListener("change", function (m) { if (m.matches) fireOnce("print", "print_page", { label: location.pathname }); }); } } /* ======================================================================= 18. EXIT INTENT ======================================================================= */ if (CFG.trackExitIntent) { document.addEventListener("mouseout", function (e) { if (window.innerWidth <= 900) return; if (!e.relatedTarget && e.clientY <= 0) { fireOnce("exitintent", "exit_intent", { label: location.pathname, percent: maxScroll, seconds: activeSec }); } }); } /* ======================================================================= 19. 404 DETECTION ======================================================================= */ (function () { var is404 = document.title.indexOf("404") > -1 || document.querySelector(".ed404, [data-404], body.error404"); if (is404) { fire("page_not_found", { label: location.pathname, link_url: clamp(document.referrer || "direct", 100) }); } })(); /* ======================================================================= 20. CONSOLIDATED EXIT SUMMARY One event carrying the whole page outcome, so you can build a single exploration (scroll vs time vs sections vs interactions) instead of joining five event tables. Fires at most once. ======================================================================= */ var finalised = false; function finalise() { if (finalised) return; finalised = true; if (window.__edVitalsFinal) { try { window.__edVitalsFinal(); } catch (e) {} } for (var n in formsStarted) { if (formsStarted[n] && !formsSubmitted[n]) { fire("form_abandon", { form_name: n, label: n }); } } fire("page_engagement_summary", { label: PAGE_GROUP, seconds: activeSec, percent: maxScroll, count: interactions, element: sectionsSeen + " sections", method: DEVICE }); finalFlush(); } window.addEventListener("pagehide", finalise); window.addEventListener("beforeunload", finalise); document.addEventListener("visibilitychange", function () { if (document.visibilityState === "hidden") finalise(); }); /* ======================================================================= 21. PER-PAGE INIT + optional route-change support ======================================================================= */ function initPage() { initCtaImpressions(); initSections(); initReadComplete(); initSearch(); initMedia(); initNewsletterWatch(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initPage); } else { initPage(); } if (CFG.trackRouteChanges) (function () { var lastPath = location.pathname; function routed() { if (location.pathname === lastPath) return; lastPath = location.pathname; onceMap = {}; maxScroll = 0; sectionsSeen = 0; finalised = false; fire("virtual_page_view", { label: location.pathname }); setTimeout(initPage, 200); } ["pushState", "replaceState"].forEach(function (m) { var orig = history[m]; if (typeof orig !== "function") return; history[m] = function () { var r = orig.apply(this, arguments); setTimeout(routed, 0); return r; }; }); window.addEventListener("popstate", routed); })(); log("initialised", { page_group: PAGE_GROUP, device: DEVICE, profile: CFG.profile }); /* ======================================================================= APPENDIX - what changed vs v1 FIXED 1. Events fired before gtag or clarity loaded were dropped. Everything is now queued and retried against each sink for up to 15 seconds. 2. INP was documented but never implemented. Now measured, along with FCP and TTFB, and every vital carries a good / poor rating. 3. dead_click fired on any click on body text. Now requires the element to look clickable and excludes text selection. 4. rage_click counted any four clicks anywhere within a second. Now requires three clicks inside the same 40px area within 1.2s. 5. Click routing matched anchors before CTAs, so anchor-linked CTAs were logged as toc_click. Order is now specificity-first. 6. Two competing capture-phase click listeners merged into one. 7. "value" was used for milliseconds. That parameter is tied to GA4 monetisation and needs a currency; renamed to metric_value. 8. Some labels were clamped at 120 chars; GA4 truncates at 100. 9. Engaged-time intervals ran forever; now cleared once complete. 10. Site search fired on every keystroke, flooding GA4 with fragments. Now fires on Enter, submit or blur, using the search_term parameter. ADDED file_download, cta_impression (gives you CTA click-through rate), internal_link_click with link_position, media play/pause/progress/complete, embed_impression, form_abandon, page_blur / page_return, first_interaction, content_select, page_engagement_summary, page_group on every event, paid click IDs in attribution, Clarity session upgrade on high-value and high-frustration events, Clarity session tags, volume caps, event dedupe, Brevo success-panel detection, route-change support, debug mode. KNOWN LIMITS - Anything inside a cross-origin iframe (some Brevo embeds, YouTube) is invisible to this script. YouTube needs the IFrame API to go further. - INP here is the worst interaction, not the true 98th percentile. - GA4 caps at 500 distinct event names per property. This sends about 40. ======================================================================= */ })();