Technical Tooling & Engines / 10 Production & Open-Source Projects

Technical Projects

Production measurement engineering tools, sandboxed GTM templates, custom server-side clients, universal form observers, and AI-assisted data quality auditing platforms.

PROJECT 01MEASUREMENT ENGINEERING

LIVE ON DLAYER.TECHGTM CUSTOM TEMPLATE (SANDBOXED JS)

Universal URL Appender: GTM Custom Tag Template

A production-grade GTM Tag Template that intercepts outbound link clicks, matches target domains, extracts active UTM/click parameters from the current URL, and safely appends them to destination links via location.assign.

Core Architecture & Capabilities

Sandboxed GTM Tag Template operating under strict, minimal permissions (get_url, access_globals)

Deterministic domain matching engine filtering outbound clicks against target whitelists

Smart query parser reading current page parameters and merging destination parameters without duplication

Configurable Overwrite toggle for selective query parameter replacement or preservation

Stack:Google Tag ManagerSandboxed JavaScript APICustom Templates APIGTM Unit Test HarnessWeb APIs

Explore Full Project

Universal URL Appender: GTM Custom Tag Template

ACTIVE

Universal URL AppenderGTM Sandbox

Target URL:{{Click URL}}

Target Domains:myshopify.com, calendly...

Transfer Keys:utm_*, gclid, aff_id

✓ location.assign3 Unit Tests Passed

PROJECT 02MEASUREMENT ENGINEERING

LIVE ON DLAYER.TECHGTM CUSTOM TEMPLATE (SANDBOXED JS)

LocalStorage User Path Helper: GTM Custom Template

A dual-mode GTM Custom Template (Tag & Variable) that logs sequential page journeys into LocalStorage, suppresses reload duplicates, tracks dwell time per step, and exposes a flattened object (path_step_1...5) for GA4 Custom Dimensions and CRM lead routing.

Core Architecture & Capabilities

Dual-mode GTM Template supporting Add to History (Tag), Get History (Variable), and Clear History (Tag)

Smart sequential duplicate filter preventing page reloads from polluting navigation history

Dwell-time delta calculator calculating exact milliseconds spent on prior pages before navigation

Configurable FIFO entry cap (e.g. Max 10 entries) preventing browser storage bloat

Stack:Google Tag ManagerSandboxed JavaScript APILocalStorage APIGTM Custom Templates APIWeb APIs

Explore Full Project

LocalStorage User Path Helper: GTM Custom Template

ACTIVE

LS User Path AnalyzerTag & Variable

Storage Key:gtm_user_path_history

Operation:Add (FIFO: 10) / Get (Flat)

Dwell Telemetry:Delta ms on Previous Step

✓ Reload Dedupingpath_step_1...5

PROJECT 03SERVER-SIDE MEASUREMENT

SERVER INFRASTRUCTURE

Custom Server-Side GTM Client

Building a custom sGTM Client that intercepts incoming webhooks, CRM payloads, and mobile SDK requests, translating them into the standard sGTM Event Model.

Core Architecture & Capabilities

Custom sGTM Client intercepting HTTP POST requests on custom endpoints

Request path matching and API bearer token authentication validation

Payload parser extracting event name, user data, and ecommerce items

Internal Event Model builder claiming request and invoking runContainer()

Stack:Server-Side GTMGCP Cloud RunNode.js / Sandboxed JSHTTP APIs

Explore Full Project

Custom Server-Side GTM Client

ACTIVE

Server-Side GatewayCloud Run sGTM

Webhook / SDK➔Custom Client➔GA4 / CAPI

Payload: Custom JSONBearer Auth Active

PROJECT 04MEASUREMENT ENGINEERING

LIVE ON DLAYER.TECHMEASUREMENT FRAMEWORK

Universal Form Tracking Framework

A modular JavaScript library that detects native HTML, AJAX, multi-step, and dynamically injected modal forms, pushing normalized DataLayer payloads with zero duplicate triggers.

Core Architecture & Capabilities

Universal Form Observer supporting native submit, Fetch/XHR intercept, and DOM mutations

Automatic form identification extracting ID, name, action, and field count

Submission status validation verifying 200 OK responses before firing events

Session storage deduplication lock preventing repeat events on page refreshes

Stack:Vanilla JavaScriptMutationObserver APIFetch/XHR Interceptorswindow.dataLayer

Explore Full Project

Universal Form Tracking Framework

ACTIVE

Universal Form ObserverZero Duplicates

✓ Native Submit

✓ AJAX / Fetch

✓ SPA Form Steps

✓ Modal Mutators

Contract: window.dataLayer.push({ event: "form_submit" })

PROJECT 05TRACKING TOOLING

LIVE ON DLAYER.TECHDEVELOPER TOOL

Visual Form Event Listener Builder

A web-based developer tool that visually scans page DOM structures, identifies form selectors, and generates production-ready DataLayer listener code with built-in QA validation.

Core Architecture & Capabilities

Interactive DOM form scanner identifying form elements and input types

Visual trigger condition configurator (on submit, on AJAX success, on step complete)

Event naming and custom parameter mapper with real-time JSON preview

One-click generator emitting copy-paste JavaScript & GTM Custom HTML code

Stack:ReactTypeScriptTailwind CSSDOM Parser Engine

Explore Full Project

Visual Form Event Listener Builder

ACTIVE

Visual Form BuilderInteractive GUI

Selected Form:#contact-sales

Trigger State:On 200 OK Submit

Generated Code:Ready to Deploy ➔

PROJECT 06MARKETING DATA TOOLING & AUTOMATION

LIVE ON DLAYER.TECHGOOGLE SHEETS ADD-ON (APPS SCRIPT V8)

UTM & URL Shortener Builder: Google Sheets Add-On

A full-featured Google Sheets Workspace Add-on built with Google Apps Script (V8) and a sleek dark-themed HTML/CSS/JS sidebar that batch-generates UTM campaign URLs, supports Google Ads ValueTrack and Meta dynamic macros, and performs multi-service URL shortening (CleanURI, Ulvis, ManyAPIs, Is.gd) with CacheService performance optimization.

Core Architecture & Capabilities

Google Workspace Add-on Manifest (appscript.json) with custom UI menu bindings and homepage sidebar trigger

Chunked Batch Generation Engine (generateUrlsChunked) executing in 50-row chunks with recursive client-side pagination to eliminate Apps Script timeouts

Multi-Service Fallback Shortener Engine with CacheService integration (MD5 URL hashing) cascading through CleanURI, Ulvis.net, ManyAPIs, and Is.gd with 6-hour caching

Dynamic Parameter Preservation Engine handling URL-encoded braces (%7B/%7D) and restoring raw curly braces for Google Ads ValueTrack and Meta Ads macros

Stack:Google Apps Script (V8)Google Workspace Add-ons APIHtmlServiceCacheService (MD5)UrlFetchAppJavaScript / CSS3

Explore Full Project

UTM & URL Shortener Builder: Google Sheets Add-On

ACTIVE

Sheets UTM & ShortenerWorkspace Add-on

✓ ValueTrack {campaignid}

✓ Meta {{ad.id}} Macros

✓ 4-Tier Shortener API

✓ 50-Row Chunk Batch

MD5 CacheService Active0 Script Timeouts

PROJECT 07BI ENGINEERING

BI COMPONENT

Custom Looker Studio Visualization

A custom community visualization component built with JavaScript and D3 for Looker Studio, visualizing multi-touch attribution paths and ecommerce drop-off matrices.

Core Architecture & Capabilities

Custom Community Visualization manifest and configuration schema

D3-powered Sankey flow rendering touchpoint attribution transitions

Dynamic threshold formatting highlighting conversion drop-offs in red

Fully responsive SVG canvas adapting to Looker Studio dashboard resizing

Stack:Looker Studio Community Viz APIJavaScript (ES6+)D3.jsSVG / Canvas

Explore Full Project

Custom Looker Studio Visualization

ACTIVE

Attribution Sankey FlowD3.js Component

Paid Social➔Organic➔$142.5k Rev

Looker Studio Custom VizMulti-Touch

PROJECT 08MARKETING AUTOMATION & WORKFLOWS

DAILY REPORTING & WORKFLOW AUTOMATION (N8N & ACTIVEPIECES)

Shopify & GA4 Daily Sales & Performance Reporting Automation: n8n & Activepieces

An automated daily reporting system built on self-hosted n8n and Activepieces that ingests Shopify sales alongside GA4 performance metrics, updates Google Sheets daily records, and delivers morning executive email summaries.

Core Architecture & Capabilities

Dual-Platform Automation Blueprints: Production-ready exportable JSON workflows for both self-hosted n8n and Activepieces

Automated Daily Ingestion: Scheduled morning trigger querying Shopify Admin API (orders, net sales, discounts, refunds, top SKUs) and GA4 Data API (sessions, e-commerce conversion rates)

Dual-Engine Aggregator Node: JavaScript/TypeScript data processing engine computing Gross Sales, Net Sales, AOV, Top-Selling SKUs, and E-commerce Conversion Rate

Automated Google Sheets Ledger: Appends structured daily metrics to the tracking Google Sheet (Tab: Daily_Sales) using secure Google Service Account authentication

Stack:n8n (Self-Hosted)ActivepiecesShopify Admin APIGA4 Data API v1betaGoogle Sheets v4.5Gmail SMTPJavaScript / TypeScript

Explore Full Project

Shopify & GA4 Daily Sales & Performance Reporting Automation: n8n & Activepieces

ACTIVE

Looker Community ConnectorApps Script API

External REST API➔Schema Parser➔Looker Studio

OAuth2 / API KeyPaginated ETL

PROJECT 09ANALYTICS INFRASTRUCTURE

SELF-HOSTED CLOUD INFRASTRUCTURE (COOLIFY & DOCKER)

Self-Hosted Server-Side GTM Gateway on Coolify: path.dlayer.tech

A self-hosted sGTM infrastructure running official Google tagging Docker images on Coolify with dedicated tagging (path.dlayer.tech) and preview (debug.dlayer.tech) services, eliminating 3rd-party vendor costs and securing first-party telemetry.

Core Architecture & Capabilities

Dual-Service Coolify Architecture: Configured decoupled Tagging Server and Preview Server services using official Google GTM cloud images (gcr.io/cloud-tagging-10302018/gtm-cloud-image:stable)

Custom First-Party Subdomain Routing: Mapped https://path.dlayer.tech (production tagging) and https://debug.dlayer.tech (preview server) with automatic Traefik HTTPS termination

Container Environment Management: Managed CONTAINER_CONFIG, PREVIEW_SERVER_URL, and RUN_AS_PREVIEW_SERVER directly in Coolify

Live Server GTM Execution: Validated event claiming for GA4 (G-2JX6LNZLK3) and upstream dispatch (POST 204 to analytics.google.com/g/collect)

Stack:Coolify PaaSDocker Composegcr.io/cloud-tagging-10302018/gtm-cloud-image:stableServer GTM (GTM-M3MVQHRR)path.dlayer.tech & debug.dlayer.techTraefik / Let's Encrypt TLS

Explore Full Project

Self-Hosted Server-Side GTM Gateway on Coolify: path.dlayer.tech

ACTIVE

Self-Hosted GatewayGCP Cloud Run

Subdomain:data.clientdomain.com

Cost Profile:~$20/mo vs $250 SaaS

Docker Container Cluster1st-Party TLS

PROJECT 10ANALYTICS TOOLING & QA

FLAGSHIP AI TOOL

GA4 AI Auditing Tool

An automated GA4 measurement auditing platform that detects implementation issues, validates event and ecommerce schemas, identifies data-quality risks, and uses AI to explain root causes and recommend remediation.

Core Architecture & Capabilities

Deterministic 50+ rule validation engine inspecting GA4 properties and Data API streams

Ecommerce Schema Validator checking view_item, add_to_cart, begin_checkout, and purchase

BigQuery SQL diagnostic layer identifying duplicate transaction IDs and sessionization breaks

AI Root-Cause Diagnostic layer receiving structured findings and generating investigation steps

Stack:GA4 Data APIBigQuery SQLJavaScript / TypeScriptGemini AI APIReact

Explore Full Project

GA4 AI Auditing Tool

ACTIVE

GA4 AI AUDITOR● COMPLETE

Measurement Health78 / 100

3 Crit12 Warn41 Pass

✕ purchaseDuplicate transaction IDs

✓ view_itemSchema validated