{"id":11889,"date":"2026-05-19T14:32:05","date_gmt":"2026-05-19T14:32:05","guid":{"rendered":"https:\/\/jxcdigital.com\/staging\/3370\/?page_id=11889"},"modified":"2026-05-19T14:41:58","modified_gmt":"2026-05-19T14:41:58","slug":"analytics-conversion-tracking","status":"publish","type":"page","link":"https:\/\/jxcdigital.com\/staging\/3370\/analytics-conversion-tracking\/","title":{"rendered":"Analytics Conversion Tracking"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nGA4 & Google Tag Manager Setup | JXC Digital<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&family=JetBrains+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --charcoal: #111827;\n --charcoal-mid:#1f2937;\n --charcoal-lt: #374151;\n --amber: #f59e0b;\n --amber-light: #fbbf24;\n --blue: #3b82f6;\n --blue-light: #60a5fa;\n --white: #ffffff;\n --gray-light: #f9fafb;\n --gray-text: #6b7280;\n --text-dark: #111827;\n --green-ok: #10b981;\n --red-err: #ef4444;\n --grad: linear-gradient(135deg, #f59e0b 0%, #3b82f6 100%);\n --grad-warm: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\n --font: 'Poppins', sans-serif;\n --mono: 'JetBrains Mono', monospace;\n }\n\n body { font-family: var(--font); color: var(--text-dark); background: var(--white); line-height: 1.7; }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n .anim-fade-up { opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease, transform 0.7s ease; }\n .anim-fade-left { opacity: 0; transform: translateX(-60px); transition: opacity 0.7s ease, transform 0.7s ease; }\n .anim-fade-right { opacity: 0; transform: translateX(60px); transition: opacity 0.7s ease, transform 0.7s ease; }\n .anim-visible { opacity: 1 !important; transform: none !important; }\n .anim-delay-1 { transition-delay: 0.1s; }\n .anim-delay-2 { transition-delay: 0.2s; }\n .anim-delay-3 { transition-delay: 0.3s; }\n .anim-delay-4 { transition-delay: 0.4s; }\n .anim-delay-5 { transition-delay: 0.5s; }\n .anim-delay-6 { transition-delay: 0.6s; }\n\n \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n .btn-primary {\n display: inline-block;\n padding: 15px 36px;\n background: var(--grad-warm);\n color: var(--charcoal);\n font-family: var(--font);\n font-size: 15px;\n font-weight: 800;\n border-radius: 8px;\n text-decoration: none;\n border: none;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n animation: btn-pulse 2.5s ease-in-out infinite;\n transition: transform 0.15s, box-shadow 0.15s;\n }\n .btn-primary::after {\n content: '';\n position: absolute;\n top: -50%; left: -60%;\n width: 40%; height: 200%;\n background: rgba(255,255,255,0.25);\n transform: skewX(-20deg);\n animation: btn-shine 3s ease-in-out infinite;\n }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(245,158,11,0.5); animation: none; }\n @keyframes btn-pulse {\n 0%,100% { box-shadow: 0 0 0 0 rgba(245,158,11,0.5), 0 4px 15px rgba(59,130,246,0.2); }\n 50% { box-shadow: 0 0 0 10px rgba(245,158,11,0), 0 4px 25px rgba(59,130,246,0.4); }\n }\n @keyframes btn-shine { 0% { left:-60%; } 100% { left:130%; } }\n\n \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\n .eyebrow {\n display: inline-block;\n color: var(--amber-light);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 18px;\n }\n\n \/* \u2500\u2500 SHARED \u2500\u2500 *\/\n .section-inner { max-width: 1100px; margin: 0 auto; }\n .section-header { text-align: center; margin-bottom: 60px; }\n .section-header h2 { font-size: clamp(28px,3vw,42px); font-weight: 900; color: var(--charcoal); margin-bottom: 14px; line-height: 1.2; }\n .section-header h2 span { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n .section-header p { font-size: 16px; color: var(--gray-text); max-width: 580px; margin: 0 auto; }\n\n \/* \u2500\u2500 PAGE HEADER \u2500\u2500 *\/\n .page-header {\n background: var(--charcoal);\n padding: 180px 40px 80px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .page-header::before {\n content: '';\n position: absolute;\n top: -100px; left: 50%;\n transform: translateX(-50%);\n width: 800px; height: 600px;\n background: radial-gradient(ellipse, rgba(245,158,11,0.15) 0%, transparent 70%);\n pointer-events: none;\n }\n .page-header::after {\n content: '';\n position: absolute;\n bottom: -60px; right: -60px;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(59,130,246,0.15) 0%, transparent 70%);\n pointer-events: none;\n }\n\n \/* Animated code lines in background *\/\n .code-bg {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n overflow: hidden;\n pointer-events: none;\n opacity: 0.06;\n }\n .code-line {\n font-family: var(--mono);\n font-size: 11px;\n color: var(--amber);\n white-space: nowrap;\n position: absolute;\n animation: code-scroll 12s linear infinite;\n }\n @keyframes code-scroll { from { transform: translateX(100%); } to { transform: translateX(-100%); } }\n\n .page-header-inner { max-width: 860px; margin: 0 auto; position: relative; z-index: 1; }\n .page-header h1 { font-size: clamp(38px,5vw,68px); font-weight: 900; color: var(--white); line-height: 1.1; margin-bottom: 22px; letter-spacing: -1px; }\n .page-header h1 span { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n .page-header p { font-size: 17px; color: rgba(255,255,255,0.65); line-height: 1.8; max-width: 640px; margin: 0 auto 36px; }\n\n \/* \u2500\u2500 BLIND SPOT SECTION \u2500\u2500 *\/\n .blind-spot { padding: 100px 40px; background: var(--charcoal); position: relative; overflow: hidden; }\n .blind-spot::before { content: ''; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,158,11,0.1) 0%, transparent 70%); }\n .blind-spot::after { content: ''; position: absolute; bottom: -60px; left: -60px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(59,130,246,0.1) 0%, transparent 70%); }\n .blind-spot-inner { position: relative; z-index: 1; }\n .blind-spot-text { max-width: 760px; margin: 0 auto 60px; text-align: center; }\n .blind-spot-text h2 { font-size: clamp(26px,3vw,42px); font-weight: 900; color: var(--white); line-height: 1.2; margin-bottom: 20px; }\n .blind-spot-text h2 span { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n .blind-spot-text p { font-size: 16px; color: rgba(255,255,255,0.65); line-height: 1.8; margin-bottom: 14px; }\n .blind-spot-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }\n .blind-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 14px;\n padding: 28px 24px;\n transition: background 0.2s, border-color 0.2s, transform 0.2s;\n }\n .blind-card:hover { background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.3); transform: translateY(-4px); }\n .blind-card-icon { font-size: 28px; margin-bottom: 14px; display: block; }\n .blind-card h4 { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 8px; }\n .blind-card p { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.7; }\n\n \/* \u2500\u2500 WHAT IS SECTION \u2500\u2500 *\/\n .what-is { padding: 100px 40px; background: var(--white); }\n .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n .text-block h2 { font-size: clamp(26px,3vw,40px); font-weight: 900; color: var(--charcoal); line-height: 1.2; margin-bottom: 20px; }\n .text-block h2 span { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n .text-block p { font-size: 15px; color: var(--gray-text); margin-bottom: 16px; line-height: 1.8; }\n\n \/* GA4 Dashboard mockup *\/\n .ga4-mockup { background: var(--charcoal); border-radius: 16px; overflow: hidden; box-shadow: 0 24px 60px rgba(17,24,39,0.3); border: 1px solid var(--charcoal-lt); }\n .ga4-topbar { background: var(--charcoal-mid); padding: 12px 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--charcoal-lt); }\n .ga4-logo { background: var(--amber); color: var(--charcoal); font-size: 10px; font-weight: 900; padding: 4px 8px; border-radius: 4px; font-family: var(--mono); }\n .ga4-title { font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.8); }\n .ga4-body { padding: 16px; }\n .ga4-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 14px; }\n .ga4-metric { background: var(--charcoal-mid); border-radius: 8px; padding: 12px; }\n .ga4-metric-label { font-size: 9px; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }\n .ga4-metric-val { font-size: 18px; font-weight: 800; color: var(--white); line-height: 1; }\n .ga4-metric-change { font-size: 10px; font-weight: 600; margin-top: 4px; }\n .up { color: var(--green-ok); }\n .down { color: var(--red-err); }\n .ga4-chart { background: var(--charcoal-mid); border-radius: 8px; padding: 12px; margin-bottom: 10px; }\n .ga4-chart-label { font-size: 9px; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }\n .ga4-bars { display: flex; align-items: flex-end; gap: 4px; height: 50px; }\n .ga4-bar { flex: 1; border-radius: 2px 2px 0 0; background: var(--amber); opacity: 0.7; transition: opacity 0.2s; }\n .ga4-bar:hover { opacity: 1; }\n .ga4-bar.highlight { background: var(--amber); opacity: 1; }\n .ga4-events { background: var(--charcoal-mid); border-radius: 8px; padding: 12px; }\n .ga4-events-label { font-size: 9px; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }\n .ga4-event-row { display: flex; align-items: center; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }\n .ga4-event-row:last-child { border-bottom: none; }\n .ga4-event-name { font-size: 11px; color: rgba(255,255,255,0.7); font-family: var(--mono); }\n .ga4-event-count { font-size: 11px; font-weight: 700; color: var(--amber); }\n .ga4-event-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green-ok); margin-right: 6px; display: inline-block; }\n\n \/* GTM Mockup -->\n .gtm-mockup { background: var(--charcoal); border-radius: 16px; overflow: hidden; box-shadow: 0 24px 60px rgba(17,24,39,0.3); border: 1px solid var(--charcoal-lt); }\n .gtm-topbar { background: var(--charcoal-mid); padding: 12px 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--charcoal-lt); }\n .gtm-logo { background: var(--blue); color: white; font-size: 10px; font-weight: 900; padding: 4px 8px; border-radius: 4px; font-family: var(--mono); }\n .gtm-body { padding: 16px; }\n .gtm-row { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--charcoal-mid); border-radius: 8px; margin-bottom: 8px; border-left: 3px solid transparent; transition: border-color 0.2s; }\n .gtm-row:hover { border-color: var(--blue); }\n .gtm-row.active { border-color: var(--green-ok); }\n .gtm-row.warning { border-color: var(--amber); }\n .gtm-type { font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 3px; font-family: var(--mono); flex-shrink: 0; }\n .gtm-type.tag { background: rgba(59,130,246,0.2); color: var(--blue-light); }\n .gtm-type.trigger { background: rgba(245,158,11,0.2); color: var(--amber-light); }\n .gtm-type.variable { background: rgba(16,185,129,0.2); color: var(--green-ok); }\n .gtm-name { font-size: 12px; color: rgba(255,255,255,0.8); flex: 1; font-family: var(--mono); }\n .gtm-status { font-size: 10px; font-weight: 700; }\n .gtm-status.ok { color: var(--green-ok); }\n .gtm-status.warn { color: var(--amber); }\n\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n .services { padding: 100px 40px; background: var(--gray-light); }\n .services-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 28px; }\n .service-card {\n background: var(--white);\n border-radius: 16px;\n padding: 36px 32px;\n border: 1.5px solid #e5e7eb;\n position: relative;\n overflow: hidden;\n transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n }\n .service-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--grad); border-radius: 4px 0 0 4px; }\n .service-card:hover { border-color: var(--amber); box-shadow: 0 12px 40px rgba(245,158,11,0.1); transform: translateY(-4px); }\n .service-card:hover .service-icon { animation: icon-bounce 0.4s ease; }\n @keyframes icon-bounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n .service-icon { font-size: 36px; margin-bottom: 16px; display: block; }\n .service-card h3 { font-size: 20px; font-weight: 800; color: var(--charcoal); margin-bottom: 10px; }\n .service-card p { font-size: 14px; color: var(--gray-text); line-height: 1.8; margin-bottom: 18px; }\n .service-features { list-style: none; }\n .service-features li { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: var(--text-dark); margin-bottom: 8px; line-height: 1.5; }\n .service-features li::before { content: '\u2713'; color: var(--amber); font-weight: 700; flex-shrink: 0; }\n\n \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n .how-it-works { padding: 100px 40px; background: var(--charcoal); position: relative; overflow: hidden; }\n .how-it-works::before { content: ''; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(59,130,246,0.12) 0%, transparent 70%); }\n .steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; position: relative; margin-top: 20px; }\n .steps::before { content: ''; position: absolute; top: 44px; left: 12%; width: 76%; height: 3px; background: linear-gradient(90deg, #f59e0b, #3b82f6); z-index: 0; }\n .step { text-align: center; position: relative; z-index: 1; }\n .step-num { width: 88px; height: 88px; background: var(--grad); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 900; color: var(--charcoal); margin: 0 auto 24px; box-shadow: 0 8px 30px rgba(245,158,11,0.3); }\n .step h4 { font-size: 16px; font-weight: 800; color: var(--white); margin-bottom: 10px; }\n .step p { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.6; max-width: 180px; margin: 0 auto; }\n\n \/* \u2500\u2500 LIVE TRACKING PULSE \u2500\u2500 *\/\n .live-pulse { padding: 100px 40px; background: var(--charcoal-mid); position: relative; overflow: hidden; }\n .live-pulse::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 700px; height: 700px; background: radial-gradient(circle, rgba(245,158,11,0.06) 0%, transparent 70%); pointer-events: none; }\n .live-pulse-inner { position: relative; z-index: 1; }\n .live-pulse-header { text-align: center; margin-bottom: 48px; }\n .live-pulse-header h2 { font-size: clamp(26px,3vw,40px); font-weight: 900; color: var(--white); margin-bottom: 14px; }\n .live-pulse-header h2 span { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n .live-pulse-header p { font-size: 16px; color: rgba(255,255,255,0.55); max-width: 540px; margin: 0 auto; }\n\n .pulse-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }\n\n \/* Live feed *\/\n .live-feed-wrap { background: var(--charcoal); border-radius: 16px; border: 1px solid var(--charcoal-lt); overflow: hidden; }\n .live-feed-header { background: var(--charcoal-lt); padding: 14px 18px; display: flex; align-items: center; gap: 10px; }\n .live-dot { width: 8px; height: 8px; background: var(--green-ok); border-radius: 50%; animation: live-blink 1.2s ease-in-out infinite; }\n @keyframes live-blink { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } }\n .live-feed-title { font-size: 12px; font-weight: 700; color: var(--white); font-family: var(--mono); }\n .live-feed-sub { font-size: 10px; color: var(--green-ok); margin-left: auto; font-family: var(--mono); }\n .live-feed-body { padding: 12px; min-height: 320px; max-height: 320px; overflow: hidden; position: relative; }\n .live-event {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 10px;\n border-radius: 8px;\n margin-bottom: 6px;\n font-family: var(--mono);\n font-size: 11px;\n animation: event-slide-in 0.4s ease;\n transition: opacity 0.3s;\n }\n @keyframes event-slide-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }\n .live-event.purchase { background: rgba(16,185,129,0.1); border-left: 3px solid var(--green-ok); }\n .live-event.lead { background: rgba(59,130,246,0.1); border-left: 3px solid var(--blue); }\n .live-event.cart { background: rgba(245,158,11,0.1); border-left: 3px solid var(--amber); }\n .live-event.pageview { background: rgba(255,255,255,0.04); border-left: 3px solid rgba(255,255,255,0.15); }\n .live-event.checkout { background: rgba(168,85,247,0.1); border-left: 3px solid #a855f7; }\n .event-type { font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 3px; flex-shrink: 0; }\n .purchase .event-type { background: rgba(16,185,129,0.2); color: var(--green-ok); }\n .lead .event-type { background: rgba(59,130,246,0.2); color: var(--blue-light); }\n .cart .event-type { background: rgba(245,158,11,0.2); color: var(--amber-light); }\n .pageview .event-type { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.4); }\n .checkout .event-type { background: rgba(168,85,247,0.2); color: #c084fc; }\n .event-name { color: rgba(255,255,255,0.85); flex: 1; }\n .event-val { color: var(--amber); font-weight: 700; margin-left: auto; }\n .event-time { color: rgba(255,255,255,0.25); font-size: 10px; flex-shrink: 0; }\n\n \/* Stats panel *\/\n .pulse-stats { display: flex; flex-direction: column; gap: 16px; }\n .pulse-stat-card { background: var(--charcoal); border: 1px solid var(--charcoal-lt); border-radius: 14px; padding: 20px 24px; display: flex; align-items: center; gap: 18px; transition: border-color 0.2s, transform 0.2s; }\n .pulse-stat-card:hover { border-color: var(--amber); transform: translateX(6px); }\n .pulse-stat-icon { font-size: 28px; flex-shrink: 0; }\n .pulse-stat-num { font-size: 28px; font-weight: 900; background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; }\n .pulse-stat-label { font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 4px; line-height: 1.4; }\n\n @media (max-width: 900px) {\n .pulse-layout { grid-template-columns: 1fr; }\n }\n\n \/* \u2500\u2500 VERTICALS \u2500\u2500 *\/\n .verticals { padding: 100px 40px; background: var(--white); }\n .verticals-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }\n .vertical-card {\n border-radius: 16px;\n padding: 32px 28px;\n background: var(--gray-light);\n border: 1.5px solid #e5e7eb;\n transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\n }\n .vertical-card:hover { border-color: var(--amber); box-shadow: 0 12px 40px rgba(245,158,11,0.1); transform: translateY(-4px); }\n .vertical-icon { font-size: 36px; margin-bottom: 16px; display: block; }\n .vertical-card h4 { font-size: 18px; font-weight: 800; color: var(--charcoal); margin-bottom: 10px; }\n .vertical-card p { font-size: 13px; color: var(--gray-text); line-height: 1.7; margin-bottom: 16px; }\n .tag-list { display: flex; flex-wrap: wrap; gap: 6px; }\n .tag { font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 20px; font-family: var(--mono); background: rgba(245,158,11,0.1); color: var(--amber); border: 1px solid rgba(245,158,11,0.2); }\n\n \/* \u2500\u2500 WITHOUT TRACKING \u2500\u2500 *\/\n .without { padding: 100px 40px; background: var(--charcoal); position: relative; overflow: hidden; }\n .without::after { content: ''; position: absolute; bottom: -60px; left: -60px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(245,158,11,0.1) 0%, transparent 70%); }\n .without-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; position: relative; z-index: 1; }\n .without-card {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 14px;\n padding: 28px 24px;\n display: flex;\n align-items: flex-start;\n gap: 16px;\n transition: background 0.2s, border-color 0.2s, transform 0.2s;\n }\n .without-card:hover { background: rgba(245,158,11,0.06); border-color: rgba(245,158,11,0.25); transform: translateY(-3px); }\n .without-card-icon { font-size: 28px; flex-shrink: 0; }\n .without-card h4 { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 6px; }\n .without-card p { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.7; }\n\n \/* \u2500\u2500 EXPERIENCE STRIP \u2500\u2500 *\/\n .experience { padding: 80px 40px; background: var(--grad); }\n .experience-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 40px; text-align: center; }\n .exp-stat { transition: transform 0.2s; cursor: default; }\n .exp-stat:hover { transform: scale(1.06); }\n .exp-stat .num { font-size: 44px; font-weight: 900; color: var(--charcoal); line-height: 1; margin-bottom: 8px; }\n .exp-stat .label { font-size: 13px; color: rgba(17,24,39,0.75); font-weight: 600; line-height: 1.4; }\n\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\n .cta-section { padding: 100px 40px; background: var(--gray-light); text-align: center; }\n .cta-section h2 { font-size: clamp(28px,3vw,46px); font-weight: 900; color: var(--charcoal); margin-bottom: 16px; line-height: 1.2; }\n .cta-section h2 span { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n .cta-lead { font-size: 16px; color: var(--gray-text); max-width: 520px; margin: 0 auto 40px; line-height: 1.8; }\n .contact-form-wrap { max-width: 560px; margin: 0 auto; background: var(--white); border-radius: 20px; padding: 48px 40px; box-shadow: 0 20px 60px rgba(17,24,39,0.1); text-align: left; }\n .contact-form-wrap h3 { font-size: 22px; font-weight: 800; color: var(--charcoal); margin-bottom: 6px; }\n .contact-form-wrap .form-sub { font-size: 14px; color: var(--gray-text); margin-bottom: 24px; }\n .contact-form-wrap .wpcf7 input[type=\"text\"],\n .contact-form-wrap .wpcf7 input[type=\"email\"],\n .contact-form-wrap .wpcf7 textarea {\n width: 100%; padding: 12px 16px; border: 1.5px solid #e5e7eb; border-radius: 8px;\n font-size: 14px; font-family: var(--font); color: var(--text-dark); background: #fafafa;\n outline: none; transition: border-color 0.2s, box-shadow 0.2s; margin-bottom: 14px;\n }\n .contact-form-wrap .wpcf7 input:focus,\n .contact-form-wrap .wpcf7 textarea:focus { border-color: var(--amber); box-shadow: 0 0 0 3px rgba(245,158,11,0.12); background: var(--white); }\n .contact-form-wrap .wpcf7 textarea { min-height: 120px; resize: vertical; }\n .contact-form-wrap .wpcf7 input[type=\"submit\"] {\n width: 100%; padding: 15px; background: var(--grad-warm); color: var(--charcoal);\n border: none; border-radius: 8px; font-size: 16px; font-weight: 800;\n font-family: var(--font); cursor: pointer; transition: transform 0.15s, box-shadow 0.15s;\n }\n .contact-form-wrap .wpcf7 input[type=\"submit\"]:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(245,158,11,0.4); }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 960px) {\n .two-col { grid-template-columns: 1fr; gap: 40px; }\n .services-grid { grid-template-columns: 1fr; }\n .verticals-grid { grid-template-columns: 1fr 1fr; }\n .without-grid { grid-template-columns: 1fr; }\n .blind-spot-grid { grid-template-columns: 1fr 1fr; }\n .experience-inner { grid-template-columns: 1fr 1fr; gap: 28px; }\n .steps { grid-template-columns: 1fr 1fr; }\n .steps::before { display: none; }\n }\n @media (max-width: 600px) {\n .page-header { padding: 120px 20px 60px; }\n .blind-spot, .what-is, .services, .how-it-works, .verticals, .without, .cta-section { padding: 60px 20px; }\n .experience { padding: 60px 20px; }\n .verticals-grid { grid-template-columns: 1fr; }\n .blind-spot-grid { grid-template-columns: 1fr; }\n .experience-inner { grid-template-columns: 1fr 1fr; }\n .steps { grid-template-columns: 1fr; }\n .contact-form-wrap { padding: 32px 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PAGE HEADER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"page-header\">\n <div class=\"code-bg\">\n <div class=\"code-line\" style=\"top:15%;animation-duration:18s;\">dataLayer.push({'event':'purchase','value':129.99,'currency':'USD'});<\/div>\n <div class=\"code-line\" style=\"top:35%;animation-duration:22s;animation-delay:-6s;\">gtag('config','GA4-XXXXXX',{'send_page_view':true});<\/div>\n <div class=\"code-line\" style=\"top:55%;animation-duration:16s;animation-delay:-10s;\">trigger: Click URL contains \/checkout\/thank-you \u2192 Fire: GA4 Purchase Tag<\/div>\n <div class=\"code-line\" style=\"top:72%;animation-duration:20s;animation-delay:-3s;\">window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}<\/div>\n <\/div>\n <div class=\"page-header-inner\">\n <span class=\"eyebrow\">JXC Digital \u00b7 Analytics & Tracking<\/span>\n <h1>If You Can't Measure It <span>You Can't Improve It<\/span><\/h1>\n <p>GA4 setup, Google Tag Manager configuration, and conversion tracking built for the way your business actually works \u2014 so every marketing decision is backed by data you can trust.<\/p>\n <a href=\"#get-started\" class=\"btn-primary\">Get My Tracking Set Up \u2192<\/a>\n <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n THE BLIND SPOT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"blind-spot\">\n <div class=\"section-inner blind-spot-inner\">\n <div class=\"blind-spot-text anim-fade-up\">\n <span class=\"eyebrow\">The Hidden Problem<\/span>\n <h2>Most Businesses Are <span>Flying Blind<\/span><\/h2>\n <p>You're spending money on ads, building a website, running campaigns \u2014 but without proper tracking in place, you have no idea what's actually working. Which ad drove that sale? Which page is losing customers? Which campaign should get more budget next month?<\/p>\n <p>Without accurate tracking, every marketing decision is a guess. And guesses get expensive fast.<\/p>\n <\/div>\n <div class=\"blind-spot-grid\">\n <div class=\"blind-card anim-fade-up anim-delay-1\">\n <span class=\"blind-card-icon\">\ud83d\ude48<\/span>\n <h4>No Idea Which Ads Are Working<\/h4>\n <p>Without conversion tracking, your ad platforms report clicks and impressions \u2014 not revenue. You can't tell which campaigns deserve more budget and which are wasting it.<\/p>\n <\/div>\n <div class=\"blind-card anim-fade-up anim-delay-2\">\n <span class=\"blind-card-icon\">\ud83d\udcc9<\/span>\n <h4>Broken or Inaccurate Data<\/h4>\n <p>Many businesses have some tracking in place \u2014 but it's misconfigured, double-counting conversions, or missing key events entirely. Bad data is often worse than no data.<\/p>\n <\/div>\n <div class=\"blind-card anim-fade-up anim-delay-3\">\n <span class=\"blind-card-icon\">\ud83d\udcb8<\/span>\n <h4>Wasted Ad Spend<\/h4>\n <p>Ad platforms like Google and Meta use your conversion data to optimize bidding. Without clean signals, their algorithms can't find the right customers \u2014 and you pay for the guesswork.<\/p>\n <\/div>\n <div class=\"blind-card anim-fade-up anim-delay-4\">\n <span class=\"blind-card-icon\">\ud83d\udd00<\/span>\n <h4>No Attribution Clarity<\/h4>\n <p>A customer sees your Google ad, clicks your Meta retargeting ad, then converts via email. Without proper attribution, you credit the wrong channel and make the wrong budget decisions.<\/p>\n <\/div>\n <div class=\"blind-card anim-fade-up anim-delay-5\">\n <span class=\"blind-card-icon\">\ud83d\udeaa<\/span>\n <h4>Unknown Drop-Off Points<\/h4>\n <p>If you don't know where users are leaving your site, you can't fix it. Proper tracking reveals exactly where customers abandon \u2014 checkout, contact form, product page \u2014 so you can act on it.<\/p>\n <\/div>\n <div class=\"blind-card anim-fade-up anim-delay-6\">\n <span class=\"blind-card-icon\">\ud83d\udcca<\/span>\n <h4>Reports That Mean Nothing<\/h4>\n <p>Pageviews and sessions look nice in a report. But without event tracking and conversion goals set up correctly, your analytics tells you almost nothing useful about your business.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WHAT IS GA4\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"what-is\">\n <div class=\"section-inner\">\n <div class=\"two-col\">\n <div class=\"text-block anim-fade-left\">\n <span class=\"eyebrow\" style=\"color:var(--amber);\">Google Analytics 4<\/span>\n <h2>Your Website's <span>Performance Dashboard<\/span><\/h2>\n <p>Google Analytics 4 (GA4) is Google's free analytics platform \u2014 it tracks everything that happens on your website and turns it into data you can use to make smarter decisions.<\/p>\n <p>Think of it as a detailed record of every visitor: where they came from, what they looked at, how long they stayed, and most importantly \u2014 whether they converted. Bought something. Filled in a form. Called you. Made a booking.<\/p>\n <p>Out of the box, GA4 tracks basic traffic. But without proper configuration, you're only seeing the surface. We set it up so it captures the events that actually matter for your business \u2014 purchases, leads, micro-conversions, and revenue.<\/p>\n <\/div>\n <div class=\"anim-fade-right\">\n <div class=\"ga4-mockup\">\n <div class=\"ga4-topbar\">\n <div class=\"ga4-logo\">GA4<\/div>\n <div class=\"ga4-title\">Analytics \u2014 JXC Digital Client<\/div>\n <\/div>\n <div class=\"ga4-body\">\n <div class=\"ga4-metrics\">\n <div class=\"ga4-metric\">\n <div class=\"ga4-metric-label\">Users<\/div>\n <div class=\"ga4-metric-val\">12,480<\/div>\n <div class=\"ga4-metric-change up\">\u2191 18.4%<\/div>\n <\/div>\n <div class=\"ga4-metric\">\n <div class=\"ga4-metric-label\">Revenue<\/div>\n <div class=\"ga4-metric-val\">$84.2k<\/div>\n <div class=\"ga4-metric-change up\">\u2191 34.1%<\/div>\n <\/div>\n <div class=\"ga4-metric\">\n <div class=\"ga4-metric-label\">Conv. Rate<\/div>\n <div class=\"ga4-metric-val\">4.8%<\/div>\n <div class=\"ga4-metric-change up\">\u2191 0.6%<\/div>\n <\/div>\n <\/div>\n <div class=\"ga4-chart\">\n <div class=\"ga4-chart-label\">Sessions \u2014 Last 30 days<\/div>\n <div class=\"ga4-bars\">\n <div class=\"ga4-bar\" style=\"height:30%\"><\/div>\n <div class=\"ga4-bar\" style=\"height:45%\"><\/div>\n <div class=\"ga4-bar\" style=\"height:38%\"><\/div>\n <div class=\"ga4-bar\" style=\"height:55%\"><\/div>\n <div class=\"ga4-bar\" style=\"height:48%\"><\/div>\n <div class=\"ga4-bar\" style=\"height:62%\"><\/div>\n <div class=\"ga4-bar\" style=\"height:70%\"><\/div>\n <div class=\"ga4-bar\" style=\"height:58%\"><\/div>\n <div class=\"ga4-bar\" style=\"height:74%\"><\/div>\n <div class=\"ga4-bar\" style=\"height:80%\"><\/div>\n <div class=\"ga4-bar highlight\" style=\"height:92%\"><\/div>\n <div class=\"ga4-bar highlight\" style=\"height:100%\"><\/div>\n <\/div>\n <\/div>\n <div class=\"ga4-events\">\n <div class=\"ga4-events-label\">Key Events \u2014 Firing \u2713<\/div>\n <div class=\"ga4-event-row\">\n <span><span class=\"ga4-event-dot\"><\/span><span class=\"ga4-event-name\">purchase<\/span><\/span>\n <span class=\"ga4-event-count\">680<\/span>\n <\/div>\n <div class=\"ga4-event-row\">\n <span><span class=\"ga4-event-dot\"><\/span><span class=\"ga4-event-name\">add_to_cart<\/span><\/span>\n <span class=\"ga4-event-count\">2,140<\/span>\n <\/div>\n <div class=\"ga4-event-row\">\n <span><span class=\"ga4-event-dot\"><\/span><span class=\"ga4-event-name\">begin_checkout<\/span><\/span>\n <span class=\"ga4-event-count\">940<\/span>\n <\/div>\n <div class=\"ga4-event-row\">\n <span><span class=\"ga4-event-dot\"><\/span><span class=\"ga4-event-name\">generate_lead<\/span><\/span>\n <span class=\"ga4-event-count\">312<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WHAT IS GTM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"what-is\" style=\"background:#f9fafb;padding-top:0;\">\n <div class=\"section-inner\">\n <div class=\"two-col\" style=\"padding-top:80px;\">\n <div class=\"anim-fade-left\">\n <div class=\"gtm-mockup\">\n <div class=\"gtm-topbar\">\n <div class=\"gtm-logo\">GTM<\/div>\n <div class=\"ga4-title\">Tag Manager \u2014 Workspace<\/div>\n <\/div>\n <div class=\"gtm-body\">\n <div class=\"gtm-row active\">\n <span class=\"gtm-type tag\">TAG<\/span>\n <span class=\"gtm-name\">GA4 \u2014 Purchase Event<\/span>\n <span class=\"gtm-status ok\">\u2713 Active<\/span>\n <\/div>\n <div class=\"gtm-row active\">\n <span class=\"gtm-type trigger\">TRIGGER<\/span>\n <span class=\"gtm-name\">Thank You Page View<\/span>\n <span class=\"gtm-status ok\">\u2713 Active<\/span>\n <\/div>\n <div class=\"gtm-row active\">\n <span class=\"gtm-type tag\">TAG<\/span>\n <span class=\"gtm-name\">Google Ads \u2014 Conversion<\/span>\n <span class=\"gtm-status ok\">\u2713 Active<\/span>\n <\/div>\n <div class=\"gtm-row active\">\n <span class=\"gtm-type variable\">VARIABLE<\/span>\n <span class=\"gtm-name\">Transaction ID<\/span>\n <span class=\"gtm-status ok\">\u2713 Active<\/span>\n <\/div>\n <div class=\"gtm-row active\">\n <span class=\"gtm-type trigger\">TRIGGER<\/span>\n <span class=\"gtm-name\">Form Submit \u2014 Contact Page<\/span>\n <span class=\"gtm-status ok\">\u2713 Active<\/span>\n <\/div>\n <div class=\"gtm-row active\">\n <span class=\"gtm-type tag\">TAG<\/span>\n <span class=\"gtm-name\">Meta Pixel \u2014 Lead Event<\/span>\n <span class=\"gtm-status ok\">\u2713 Active<\/span>\n <\/div>\n <div class=\"gtm-row warning\">\n <span class=\"gtm-type trigger\">TRIGGER<\/span>\n <span class=\"gtm-name\">Phone Click \u2014 Mobile<\/span>\n <span class=\"gtm-status warn\">\u26a0 Review<\/span>\n <\/div>\n <div class=\"gtm-row active\">\n <span class=\"gtm-type variable\">VARIABLE<\/span>\n <span class=\"gtm-name\">Purchase Value (Dynamic)<\/span>\n <span class=\"gtm-status ok\">\u2713 Active<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"text-block anim-fade-right\">\n <span class=\"eyebrow\" style=\"color:var(--amber);\">Google Tag Manager<\/span>\n <h2>The Control Panel <span>Behind Your Tracking<\/span><\/h2>\n <p>Google Tag Manager (GTM) is the system that controls when and how tracking codes fire on your website. Think of it as a switchboard \u2014 instead of hardcoding tracking scripts directly into your website every time you need to add or change something, GTM lets you manage it all from one place.<\/p>\n <p>This is where the real complexity lives. Setting up a GA4 purchase event is straightforward. But setting up a trigger that fires only when a user submits a specific form, passes a minimum order value, and hasn't already been counted as a conversion \u2014 that's where specialist knowledge makes the difference.<\/p>\n <p>We build GTM configurations that are clean, documented, and built around your specific business events \u2014 so your tracking keeps working as your business grows and changes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"services\">\n <div class=\"section-inner\">\n <div class=\"section-header anim-fade-up\">\n <span class=\"eyebrow\">What We Set Up<\/span>\n <h2>Complete Tracking <span>Built For Your Business<\/span><\/h2>\n <p>Every implementation is built from scratch around your specific goals, platforms, and conversion events \u2014 not a generic template.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card anim-fade-up anim-delay-1\">\n <span class=\"service-icon\">\ud83d\udcca<\/span>\n <h3>GA4 Setup & Configuration<\/h3>\n <p>A full GA4 implementation built correctly from the ground up \u2014 not just the default install. We configure the events, conversions, and reports that matter for your business.<\/p>\n <ul class=\"service-features\">\n <li>GA4 property creation and data stream setup<\/li>\n <li>Key event and conversion configuration<\/li>\n <li>Enhanced measurement and custom event setup<\/li>\n <li>Channel grouping and traffic source attribution<\/li>\n <li>Custom reports and exploration dashboards<\/li>\n <li>Google Ads and Search Console linking<\/li>\n <\/ul>\n <\/div>\n <div class=\"service-card anim-fade-up anim-delay-2\">\n <span class=\"service-icon\">\ud83c\udff7\ufe0f<\/span>\n <h3>Google Tag Manager Implementation<\/h3>\n <p>A clean, organized GTM container with proper naming conventions, trigger logic, and variable configuration \u2014 built to last and easy to manage as your needs evolve.<\/p>\n <ul class=\"service-features\">\n <li>GTM container setup and workspace organization<\/li>\n <li>Tag, trigger, and variable implementation<\/li>\n <li>Dynamic variable configuration (revenue, IDs, product data)<\/li>\n <li>Custom trigger logic for complex conversion scenarios<\/li>\n <li>Cross-domain tracking where required<\/li>\n <li>Full testing and QA via GTM Preview mode<\/li>\n <\/ul>\n <\/div>\n <div class=\"service-card anim-fade-up anim-delay-3\">\n <span class=\"service-icon\">\ud83c\udfaf<\/span>\n <h3>Conversion Tracking Setup<\/h3>\n <p>The most critical piece \u2014 making sure your ad platforms (Google Ads, Meta) receive accurate, deduplicated conversion signals so their algorithms can optimize toward your actual business goals.<\/p>\n <ul class=\"service-features\">\n <li>Google Ads conversion action setup and import from GA4<\/li>\n <li>Meta Pixel and Conversions API implementation<\/li>\n <li>Enhanced conversions for improved match rates<\/li>\n <li>Deduplication to prevent double-counting<\/li>\n <li>Conversion value rules and attribution settings<\/li>\n <li>Verification via Tag Assistant and platform diagnostics<\/li>\n <\/ul>\n <\/div>\n <div class=\"service-card anim-fade-up anim-delay-4\">\n <span class=\"service-icon\">\ud83d\udd0d<\/span>\n <h3>Tracking Audit & Fix<\/h3>\n <p>Already have tracking in place but not sure if it's working correctly? We audit your entire setup, identify what's broken, misconfigured, or missing, and fix it.<\/p>\n <ul class=\"service-features\">\n <li>Full GA4 and GTM configuration audit<\/li>\n <li>Duplicate and ghost traffic identification<\/li>\n <li>Conversion tracking accuracy verification<\/li>\n <li>Data layer inspection and repair<\/li>\n <li>Historical data quality assessment<\/li>\n <li>Written audit report with prioritized recommendations<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HOW IT WORKS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"how-it-works\">\n <div class=\"section-inner\">\n <div class=\"section-header anim-fade-up\">\n <span class=\"eyebrow\" style=\"color:var(--amber-light);\">The Process<\/span>\n <h2 style=\"color:#fff;\">How We <span>Get You Set Up<\/span><\/h2>\n <p style=\"color:rgba(255,255,255,0.55);\">A structured implementation process so nothing gets missed and everything is verified before we hand it over.<\/p>\n <\/div>\n <div class=\"steps\">\n <div class=\"step anim-fade-up anim-delay-1\">\n <div class=\"step-num\">1<\/div>\n <h4>Discovery & Audit<\/h4>\n <p>We review your current setup, understand your business goals, and map every conversion event that matters.<\/p>\n <\/div>\n <div class=\"step anim-fade-up anim-delay-2\">\n <div class=\"step-num\">2<\/div>\n <h4>Build & Configure<\/h4>\n <p>We implement GA4, configure GTM tags and triggers, and set up conversion tracking across all your platforms.<\/p>\n <\/div>\n <div class=\"step anim-fade-up anim-delay-3\">\n <div class=\"step-num\">3<\/div>\n <h4>Test & Verify<\/h4>\n <p>Every tag is tested in GTM Preview mode and verified in real-time using Tag Assistant and platform diagnostics.<\/p>\n <\/div>\n <div class=\"step anim-fade-up anim-delay-4\">\n <div class=\"step-num\">4<\/div>\n <h4>Handover & Document<\/h4>\n <p>Full documentation of everything we've built, a walkthrough of your new reporting, and support for questions.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n LIVE TRACKING PULSE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"live-pulse\">\n <div class=\"section-inner live-pulse-inner\">\n <div class=\"live-pulse-header anim-fade-up\">\n <span class=\"eyebrow\">This Is What Proper Tracking Looks Like<\/span>\n <h2>Every Conversion. <span>Firing in Real Time.<\/span><\/h2>\n <p>When your tracking is built correctly, every meaningful action on your website is captured, labelled, and sent to the right platform \u2014 instantly and accurately.<\/p>\n <\/div>\n <div class=\"pulse-layout\">\n\n <!-- Live event feed -->\n <div class=\"anim-fade-left\">\n <div class=\"live-feed-wrap\">\n <div class=\"live-feed-header\">\n <div class=\"live-dot\"><\/div>\n <div class=\"live-feed-title\">dataLayer \u2014 Live Event Stream<\/div>\n <div class=\"live-feed-sub\">\u25cf LIVE<\/div>\n <\/div>\n <div class=\"live-feed-body\" id=\"liveFeed\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Stats panel -->\n <div class=\"pulse-stats anim-fade-right\">\n <div class=\"pulse-stat-card\">\n <div class=\"pulse-stat-icon\">\u26a1<\/div>\n <div>\n <div class=\"pulse-stat-num\" id=\"eventCount\">0<\/div>\n <div class=\"pulse-stat-label\">Events captured since page load<\/div>\n <\/div>\n <\/div>\n <div class=\"pulse-stat-card\">\n <div class=\"pulse-stat-icon\">\ud83d\udcb0<\/div>\n <div>\n <div class=\"pulse-stat-num\" id=\"revenueCount\">$0<\/div>\n <div class=\"pulse-stat-label\">Revenue tracked in real time<\/div>\n <\/div>\n <\/div>\n <div class=\"pulse-stat-card\">\n <div class=\"pulse-stat-icon\">\ud83c\udfaf<\/div>\n <div>\n <div class=\"pulse-stat-num\" id=\"convCount\">0<\/div>\n <div class=\"pulse-stat-label\">Conversions recorded this session<\/div>\n <\/div>\n <\/div>\n <div class=\"pulse-stat-card\">\n <div class=\"pulse-stat-icon\">\ud83d\udce1<\/div>\n <div>\n <div class=\"pulse-stat-num\">3<\/div>\n <div class=\"pulse-stat-label\">Platforms receiving data simultaneously \u2014 GA4, Google Ads, Meta<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n VERTICALS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"verticals\">\n <div class=\"section-inner\">\n <div class=\"section-header anim-fade-up\">\n <span class=\"eyebrow\">Who We Set Up<\/span>\n <h2>Tracking Built for <span>Your Business Type<\/span><\/h2>\n <p>Conversion events look different depending on your business. We configure tracking around what a conversion actually means for you.<\/p>\n <\/div>\n <div class=\"verticals-grid\">\n <div class=\"vertical-card anim-fade-up anim-delay-1\">\n <span class=\"vertical-icon\">\ud83d\uded2<\/span>\n <h4>eCommerce<\/h4>\n <p>Full purchase funnel tracking from product view to checkout to revenue \u2014 with dynamic values passed to GA4 and your ad platforms.<\/p>\n <div class=\"tag-list\">\n <span class=\"tag\">purchase<\/span>\n <span class=\"tag\">add_to_cart<\/span>\n <span class=\"tag\">begin_checkout<\/span>\n <span class=\"tag\">view_item<\/span>\n <span class=\"tag\">revenue_value<\/span>\n <span class=\"tag\">transaction_id<\/span>\n <\/div>\n <\/div>\n <div class=\"vertical-card anim-fade-up anim-delay-2\">\n <span class=\"vertical-icon\">\ud83d\udccb<\/span>\n <h4>Lead Generation<\/h4>\n <p>Form submissions, quote requests, call tracking, and booking completions \u2014 mapped to the specific pages and forms on your site.<\/p>\n <div class=\"tag-list\">\n <span class=\"tag\">generate_lead<\/span>\n <span class=\"tag\">form_submit<\/span>\n <span class=\"tag\">phone_click<\/span>\n <span class=\"tag\">booking_complete<\/span>\n <span class=\"tag\">quote_request<\/span>\n <\/div>\n <\/div>\n <div class=\"vertical-card anim-fade-up anim-delay-3\">\n <span class=\"vertical-icon\">\ud83c\udfe5<\/span>\n <h4>Healthcare & Services<\/h4>\n <p>Appointment bookings, consultation requests, and contact form submissions \u2014 with proper handling for sensitive data and compliance considerations.<\/p>\n <div class=\"tag-list\">\n <span class=\"tag\">appointment_booked<\/span>\n <span class=\"tag\">consultation_request<\/span>\n <span class=\"tag\">contact_form<\/span>\n <span class=\"tag\">scroll_depth<\/span>\n <\/div>\n <\/div>\n <div class=\"vertical-card anim-fade-up anim-delay-4\">\n <span class=\"vertical-icon\">\ud83c\udfe0<\/span>\n <h4>Real Estate & Home Services<\/h4>\n <p>Property enquiries, valuation requests, callback forms, and phone call tracking \u2014 across both desktop and mobile.<\/p>\n <div class=\"tag-list\">\n <span class=\"tag\">property_enquiry<\/span>\n <span class=\"tag\">valuation_request<\/span>\n <span class=\"tag\">callback_form<\/span>\n <span class=\"tag\">phone_click<\/span>\n <\/div>\n <\/div>\n <div class=\"vertical-card anim-fade-up anim-delay-5\">\n <span class=\"vertical-icon\">\u2696\ufe0f<\/span>\n <h4>Legal & Finance<\/h4>\n <p>Case enquiries, consultation bookings, and document downloads tracked with clean deduplication and proper attribution.<\/p>\n <div class=\"tag-list\">\n <span class=\"tag\">case_enquiry<\/span>\n <span class=\"tag\">consultation_book<\/span>\n <span class=\"tag\">document_download<\/span>\n <span class=\"tag\">form_start<\/span>\n <\/div>\n <\/div>\n <div class=\"vertical-card anim-fade-up anim-delay-6\">\n <span class=\"vertical-icon\">\ud83c\udf93<\/span>\n <h4>Education & SaaS<\/h4>\n <p>Trial signups, course enrollments, demo requests, and free tier conversions \u2014 with funnel tracking from first visit to paid conversion.<\/p>\n <div class=\"tag-list\">\n <span class=\"tag\">trial_signup<\/span>\n <span class=\"tag\">demo_request<\/span>\n <span class=\"tag\">enrollment<\/span>\n <span class=\"tag\">free_to_paid<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WITHOUT TRACKING\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"without\">\n <div class=\"section-inner\">\n <div class=\"section-header anim-fade-up\">\n <span class=\"eyebrow\" style=\"color:var(--amber-light);\">Why It Matters<\/span>\n <h2 style=\"color:#fff;\">What You Can't Do <span>Without Proper Tracking<\/span><\/h2>\n <p style=\"color:rgba(255,255,255,0.55);\">Tracking isn't just a nice-to-have. It's the foundation every other marketing decision sits on.<\/p>\n <\/div>\n <div class=\"without-grid\">\n <div class=\"without-card anim-fade-up anim-delay-1\">\n <div class=\"without-card-icon\">\ud83c\udfaf<\/div>\n <div>\n <h4>Optimize Your Ad Spend<\/h4>\n <p>Google and Meta use your conversion data to find more customers like your best buyers. Without accurate signals, their algorithms optimize for the wrong thing.<\/p>\n <\/div>\n <\/div>\n <div class=\"without-card anim-fade-up anim-delay-2\">\n <div class=\"without-card-icon\">\ud83d\udcc8<\/div>\n <div>\n <h4>Prove Marketing ROI<\/h4>\n <p>Without tracking you can't prove that your marketing spend is returning anything. With it, you can show exactly which channels and campaigns drove revenue.<\/p>\n <\/div>\n <\/div>\n <div class=\"without-card anim-fade-up anim-delay-3\">\n <div class=\"without-card-icon\">\ud83d\udd27<\/div>\n <div>\n <h4>Fix What's Broken on Your Site<\/h4>\n <p>Event and funnel tracking shows you exactly where users drop off \u2014 whether that's a broken checkout, a confusing form, or a page that isn't loading correctly on mobile.<\/p>\n <\/div>\n <\/div>\n <div class=\"without-card anim-fade-up anim-delay-4\">\n <div class=\"without-card-icon\">\ud83d\udca1<\/div>\n <div>\n <h4>Make Confident Budget Decisions<\/h4>\n <p>When you know which campaigns, keywords, and audiences are generating revenue, you can scale what works and cut what doesn't \u2014 with data, not gut feel.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n EXPERIENCE STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"experience\">\n <div class=\"experience-inner\">\n <div class=\"exp-stat\">\n <div class=\"num\" data-count=\"100\" data-suffix=\"%\">100%<\/div>\n <div class=\"label\">Custom built \u2014 never a copy-paste setup<\/div>\n <\/div>\n <div class=\"exp-stat\">\n <div class=\"num\" data-count=\"6\" data-suffix=\"+ Platforms\">6+<\/div>\n <div class=\"label\">Platforms we implement tracking across<\/div>\n <\/div>\n <div class=\"exp-stat\">\n <div class=\"num\" data-count=\"0\" data-suffix=\" Guesswork\">Zero<\/div>\n <div class=\"label\">Every implementation fully tested before handover<\/div>\n <\/div>\n <div class=\"exp-stat\">\n <div class=\"num\" data-count=\"10\" data-suffix=\"+ Verticals\">10+<\/div>\n <div class=\"label\">Business types we've built tracking for<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CTA + FORM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta-section\" id=\"get-started\">\n <div class=\"section-inner\">\n <span class=\"eyebrow\">Let's Get You Set Up<\/span>\n <h2>Ready to Finally Know <span>What's Actually Working?<\/span><\/h2>\n <p class=\"cta-lead\">Tell us about your business and what you're currently tracking (or not). We'll come back to you within 3 business days.<\/p>\n <div class=\"contact-form-wrap anim-fade-up\">\n <h3>Get in Touch<\/h3>\n <p class=\"form-sub\">No jargon. Just a straight conversation about getting your tracking right.<\/p>\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f11865-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"11865\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/staging\/3370\/wp-json\/wp\/v2\/pages\/11889#wpcf7-f11865-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"11865\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f11865-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Business Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-website\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Website URL\" value=\"\" type=\"text\" name=\"your-website\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us about your business and what you're looking to achieve...\" name=\"your-message\"><\/textarea><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message \u2192\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n document.querySelectorAll('a[href=\"#get-started\"]').forEach(function(btn) {\n btn.addEventListener('click', function(e) {\n e.preventDefault();\n document.getElementById('get-started').scrollIntoView({ behavior: 'smooth' });\n });\n });\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('anim-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12 });\n document.querySelectorAll('.anim-fade-up, .anim-fade-left, .anim-fade-right').forEach(function(el) {\n observer.observe(el);\n });\n\n function animateCounter(el) {\n var target = parseInt(el.getAttribute('data-count'));\n var prefix = el.getAttribute('data-prefix') || '';\n var suffix = el.getAttribute('data-suffix') || '';\n var start = performance.now();\n var dur = 2000;\n function tick(now) {\n var p = Math.min((now - start) \/ dur, 1);\n var e = 1 - Math.pow(1 - p, 3);\n el.textContent = prefix + Math.round(e * target) + suffix;\n if (p < 1) requestAnimationFrame(tick);\n }\n requestAnimationFrame(tick);\n }\n var cObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) { animateCounter(entry.target); cObserver.unobserve(entry.target); }\n });\n }, { threshold: 0.5 });\n document.querySelectorAll('[data-count]').forEach(function(el) { cObserver.observe(el); });\n\n \/\/ Stagger blind spot cards\n var blindCards = document.querySelectorAll('.blind-card');\n var bObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n blindCards.forEach(function(card, i) {\n setTimeout(function() { card.style.opacity = '1'; card.style.transform = 'translateY(0)'; }, i * 100);\n });\n bObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n blindCards.forEach(function(c) { c.style.opacity = '0'; c.style.transform = 'translateY(20px)'; c.style.transition = 'opacity 0.5s ease, transform 0.5s ease'; });\n if (blindCards[0]) bObserver.observe(blindCards[0].closest('.blind-spot-grid'));\n\n \/\/ \u2500\u2500 LIVE EVENT FEED \u2500\u2500\n var events = [\n { type: 'purchase', cls: 'purchase', name: 'purchase', val: '$129.99', time: 'just now' },\n { type: 'LEAD', cls: 'lead', name: 'generate_lead', val: 'form_id=7', time: 'just now' },\n { type: 'CART', cls: 'cart', name: 'add_to_cart', val: '$89.95', time: 'just now' },\n { type: 'VIEW', cls: 'pageview', name: 'page_view', val: '\/products', time: 'just now' },\n { type: 'CHECKOUT', cls: 'checkout', name: 'begin_checkout', val: '$214.00', time: 'just now' },\n { type: 'purchase', cls: 'purchase', name: 'purchase', val: '$54.00', time: 'just now' },\n { type: 'LEAD', cls: 'lead', name: 'phone_click', val: 'mobile', time: 'just now' },\n { type: 'CART', cls: 'cart', name: 'add_to_cart', val: '$199.00', time: 'just now' },\n { type: 'VIEW', cls: 'pageview', name: 'page_view', val: '\/checkout', time: 'just now' },\n { type: 'purchase', cls: 'purchase', name: 'purchase', val: '$340.00', time: 'just now' },\n { type: 'LEAD', cls: 'lead', name: 'generate_lead', val: 'quote_form', time: 'just now' },\n { type: 'CHECKOUT', cls: 'checkout', name: 'begin_checkout', val: '$89.00', time: 'just now' },\n { type: 'CART', cls: 'cart', name: 'add_to_cart', val: '$24.99', time: 'just now' },\n { type: 'purchase', cls: 'purchase', name: 'purchase', val: '$67.50', time: 'just now' },\n { type: 'VIEW', cls: 'pageview', name: 'scroll_depth', val: '75%', time: 'just now' },\n ];\n\n var feed = document.getElementById('liveFeed');\n var eventCountEl = document.getElementById('eventCount');\n var revenueEl = document.getElementById('revenueCount');\n var convEl = document.getElementById('convCount');\n\n if (feed) {\n var totalEvents = 0;\n var totalRevenue = 0;\n var totalConv = 0;\n var eventIdx = 0;\n var times = ['just now','1s ago','2s ago','3s ago','5s ago','8s ago','12s ago','15s ago','20s ago','28s ago'];\n var started = false;\n\n function addEvent() {\n var e = events[eventIdx % events.length];\n eventIdx++;\n totalEvents++;\n\n \/\/ Update time labels on existing rows\n var existing = feed.querySelectorAll('.live-event');\n existing.forEach(function(el, i) {\n var tEl = el.querySelector('.event-time');\n if (tEl && times[i + 1]) tEl.textContent = times[i + 1];\n });\n\n \/\/ Create new row\n var row = document.createElement('div');\n row.className = 'live-event ' + e.cls;\n row.innerHTML =\n '<span class=\"event-type\">' + e.type + '<\/span>' +\n '<span class=\"event-name\">' + e.name + '<\/span>' +\n '<span class=\"event-val\">' + e.val + '<\/span>' +\n '<span class=\"event-time\">just now<\/span>';\n feed.insertBefore(row, feed.firstChild);\n\n \/\/ Remove oldest if too many\n if (feed.children.length > 8) {\n feed.removeChild(feed.lastChild);\n }\n\n \/\/ Update counters\n eventCountEl.textContent = totalEvents;\n if (e.cls === 'purchase') {\n var val = parseFloat(e.val.replace('$','')) || 0;\n totalRevenue += val;\n totalConv++;\n revenueEl.textContent = '$' + totalRevenue.toFixed(2);\n convEl.textContent = totalConv;\n }\n }\n\n \/\/ Start when section scrolls into view\n var pulseObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting && !started) {\n started = true;\n \/\/ Add initial burst\n for (var i = 0; i < 5; i++) {\n (function(delay) { setTimeout(addEvent, delay); })(i * 200);\n }\n \/\/ Then drip\n setInterval(addEvent, 1800);\n }\n });\n }, { threshold: 0.3 });\n pulseObserver.observe(feed);\n }\n\n\n var gtmRows = document.querySelectorAll('.gtm-row');\n gtmRows.forEach(function(row, i) {\n row.style.opacity = '0';\n row.style.transform = 'translateX(-12px)';\n row.style.transition = 'opacity 0.35s ease ' + (i * 0.08) + 's, transform 0.35s ease ' + (i * 0.08) + 's';\n });\n var gObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n gtmRows.forEach(function(row) { row.style.opacity = '1'; row.style.transform = 'translateX(0)'; });\n gObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.3 });\n var gtmMockup = document.querySelector('.gtm-mockup');\n if (gtmMockup) gObserver.observe(gtmMockup);\n\n \/\/ GA4 bars animate on scroll\n var ga4Bars = document.querySelectorAll('.ga4-bar');\n var heights = [];\n ga4Bars.forEach(function(bar) { heights.push(bar.style.height); bar.style.height = '0%'; });\n var gaObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n ga4Bars.forEach(function(bar, i) {\n setTimeout(function() { bar.style.transition = 'height 0.5s ease'; bar.style.height = heights[i]; }, i * 60);\n });\n gaObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n var ga4Mockup = document.querySelector('.ga4-mockup');\n if (ga4Mockup) gaObserver.observe(ga4Mockup);\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GA4 & Google Tag Manager Setup | JXC Digital dataLayer.push({‘event’:’purchase’,’value’:129.99,’currency’:’USD’}); gtag(‘config’,’GA4-XXXXXX’,{‘send_page_view’:true}); trigger: Click URL contains \/checkout\/thank-you \u2192 Fire: GA4 Purchase Tag window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} JXC Digital \u00b7 Analytics & Tracking If You Can’t Measure It You Can’t Improve It GA4 setup, Google Tag Manager configuration, and conversion tracking built for the…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"nf_dc_page":"","content-type":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-11889","page","type-page","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Analytics Conversion Tracking - JXC Digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jxcdigital.com\/staging\/3370\/analytics-conversion-tracking\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Analytics Conversion Tracking - JXC Digital\" \/>\n<meta property=\"og:description\" content=\"GA4 & Google Tag Manager Setup | JXC Digital dataLayer.push({‘event’:’purchase’,’value’:129.99,’currency’:’USD’}); gtag(‘config’,’GA4-XXXXXX’,{‘send_page_view’:true}); trigger: Click URL contains \/checkout\/thank-you \u2192 Fire: GA4 Purchase Tag window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} JXC Digital \u00b7 Analytics & Tracking If You Can’t Measure It You Can’t Improve It GA4 setup, Google Tag Manager configuration, and conversion tracking built for the...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jxcdigital.com\/staging\/3370\/analytics-conversion-tracking\/\" \/>\n<meta property=\"og:site_name\" content=\"JXC Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T14:41:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/analytics-conversion-tracking\\\/\",\"url\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/analytics-conversion-tracking\\\/\",\"name\":\"Analytics Conversion Tracking - JXC Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/#website\"},\"datePublished\":\"2026-05-19T14:32:05+00:00\",\"dateModified\":\"2026-05-19T14:41:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/analytics-conversion-tracking\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/analytics-conversion-tracking\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/analytics-conversion-tracking\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Analytics Conversion Tracking\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/#website\",\"url\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/\",\"name\":\"JXC Digital\",\"description\":\"Data-Driven Paid Advertising\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Analytics Conversion Tracking - JXC Digital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jxcdigital.com\/staging\/3370\/analytics-conversion-tracking\/","og_locale":"en_US","og_type":"article","og_title":"Analytics Conversion Tracking - JXC Digital","og_description":"GA4 & Google Tag Manager Setup | JXC Digital dataLayer.push({‘event’:’purchase’,’value’:129.99,’currency’:’USD’}); gtag(‘config’,’GA4-XXXXXX’,{‘send_page_view’:true}); trigger: Click URL contains \/checkout\/thank-you \u2192 Fire: GA4 Purchase Tag window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} JXC Digital \u00b7 Analytics & Tracking If You Can’t Measure It You Can’t Improve It GA4 setup, Google Tag Manager configuration, and conversion tracking built for the...","og_url":"https:\/\/jxcdigital.com\/staging\/3370\/analytics-conversion-tracking\/","og_site_name":"JXC Digital","article_modified_time":"2026-05-19T14:41:58+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jxcdigital.com\/staging\/3370\/analytics-conversion-tracking\/","url":"https:\/\/jxcdigital.com\/staging\/3370\/analytics-conversion-tracking\/","name":"Analytics Conversion Tracking - JXC Digital","isPartOf":{"@id":"https:\/\/jxcdigital.com\/staging\/3370\/#website"},"datePublished":"2026-05-19T14:32:05+00:00","dateModified":"2026-05-19T14:41:58+00:00","breadcrumb":{"@id":"https:\/\/jxcdigital.com\/staging\/3370\/analytics-conversion-tracking\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jxcdigital.com\/staging\/3370\/analytics-conversion-tracking\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jxcdigital.com\/staging\/3370\/analytics-conversion-tracking\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jxcdigital.com\/staging\/3370\/"},{"@type":"ListItem","position":2,"name":"Analytics Conversion Tracking"}]},{"@type":"WebSite","@id":"https:\/\/jxcdigital.com\/staging\/3370\/#website","url":"https:\/\/jxcdigital.com\/staging\/3370\/","name":"JXC Digital","description":"Data-Driven Paid Advertising","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jxcdigital.com\/staging\/3370\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages\/11889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/comments?post=11889"}],"version-history":[{"count":4,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages\/11889\/revisions"}],"predecessor-version":[{"id":11893,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages\/11889\/revisions\/11893"}],"wp:attachment":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/media?parent=11889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}