Foco
Back to Projects
Active
Chrome Extension
Developer Tool

ConsentFlow Debugger

Debug and validate consent management platform implementations in real time.

A Chrome Extension that helps marketing engineers and developers inspect, debug, and validate CMP (Consent Management Platform) implementations. See consent signals fire in real time, catch misconfigurations before they reach production, and ensure your site's privacy compliance is airtight.

Features

Real-Time Consent Signal Monitoring

Watch consent signals (TCF, USP, GPP) fire in real time as users interact with your consent banner. No more guessing what data layer values are set.

CMP Validation Rules

Built-in rule engine validates your CMP implementation against IAB specifications. Instantly surface misconfigurations and non-compliant signals.

Tag Fire Correlation

See which tags fire (or don't) based on consent state. Correlate consent choices with downstream tag behavior to verify your governance logic.

Export & Share Reports

Export debugging sessions as shareable reports for QA handoffs, audits, or compliance documentation.

Tech Stack

TypeScript
Chrome Extensions API
React
Manifest V3

Who is this for?

ConsentFlow Debugger is built for marketing engineers, privacy engineers, and web developers who need to ensure their consent management implementations actually work correctly.

If you've ever spent hours digging through browser console logs trying to figure out why a tag fires before consent is granted — or why your CMP's consent string looks malformed — this tool is for you.

The Problem

Consent Management Platforms are critical infrastructure for any site that collects user data. But debugging them is painful:

  • Consent signals are invisible — they live in cookies, data layer variables, and API calls that are hard to inspect manually.
  • CMP implementations are fragile — a single misconfiguration can mean tags fire without consent, exposing your organization to compliance risk.
  • Testing is manual and slow — QA teams have to click through consent banners, check network requests, and cross-reference documentation for every scenario.

How It Works

Install the extension, navigate to any site with a CMP, and open the ConsentFlow Debugger panel. The extension automatically detects and surfaces:

  1. Consent API calls — TCF v2.2 (__tcfapi), USP (__uspapi), and GPP (__gpp) signals
  2. Cookie and storage state — Reads consent cookies and local storage values in real time
  3. Tag fire events — Monitors network requests to correlate tag behavior with consent state
  4. Validation results — Runs your consent implementation against IAB specification rules

Use Cases

Pre-Launch QA

Run ConsentFlow Debugger across your key user journeys before deploying CMP changes. Catch issues like missing consent strings, incorrect vendor lists, or tags that ignore consent signals.

Compliance Audits

Generate exportable reports showing exactly what consent signals are set and which tags respect them. Useful for internal audits and conversations with legal teams.

Debugging Production Issues

When users report unexpected behavior (e.g., "I declined cookies but still see retargeting ads"), use the debugger to reproduce and diagnose the root cause in minutes instead of hours.

Interested in ConsentFlow Debugger?

Check out the source code or try the live demo.