Project Overview
Phloz is an infrastructure visualization platform designed specifically for the digital marketing ecosystem. Agencies often struggle to explain the complexity of tracking setups to non-technical clients. "Tag Management" is invisible, making it hard to prove value or audit errors.
Phloz solves the "Black Box" problem of analytics. It provides a visual workspace where agencies can map out the flow of data—from the user's browser, through Google Tag Manager, into destinations like GA4 or Facebook CAPI. It transforms abstract code execution into clear, visual lineage charts.
Technical Architecture
1. Visualization Engine (React Flow)
The core value of Phloz is its ability to render complex relationships visually.
- Node-Based Architecture: Utilizing libraries like React Flow, the platform treats every entity (Website, Container, Tag, Pixel) as a distinct node with input/output handles.
- Dynamic Edge Routing: Algorithms automatically calculate the cleanest path for connecting lines, ensuring that even complex setups with 50+ tags remain readable.
- Interactive Canvas: Users can drag, group, and annotate nodes, creating a "living document" of the client's tracking stack.
2. Multi-Tenant Agency Model
Built for scale, the database architecture supports hierarchical multi-tenancy.
- Agency Workspaces: An agency admin can create a master organization and invite team members.
- Client Isolation: "Client Spaces" are strictly sandboxed using Row Level Security (RLS) in PostgreSQL. This ensures that data maps for Client A are cryptographically inaccessible to Client B, a critical requirement for enterprise data privacy compliance.
Key Features
Visual Data Lineage
Gone are the days of auditing GTM containers via spreadsheets.
- Flow Visualization: Instantly see how a "Purchase" event travels from the DOM -> GTM Data Layer -> GA4 Property.
- Stack Auditing: Quickly identify "orphaned" tags (tags that exist in GTM but send data nowhere) or broken pixels.
Agency Operations Center
- Client Roster: A centralized dashboard to manage all client tracking setups in one view.
- Status Monitoring: (In Roadmap) Automated pings to verify that GTM containers are published and active on client sites.
Use Cases
| Agency Activity | Traditional Method | The Phloz Solution |
|---|---|---|
| Client Onboarding | Manually clicking through GTM to guess what is installed. | Visual Audit: A generated map of the existing setup in minutes. |
| Client Reporting | Trying to explain "Server-Side Tagging" via email text. | Visual Proof: A diagram showing data moving from Server -> API. |
| Troubleshooting | digging through "Network" tab logs. | Path Tracing: visually highlighting where the data flow breaks. |
The Problem Solved
Marketing stacks have become fragmented. A single e-commerce site might have GTM, GA4, Google Ads, Meta Pixel, TikTok Pixel, and Klaviyo all listening to the same events. Phloz acts as the source of truth, documenting how these tools interact, preventing data duplication, and ensuring rigorous data governance for high-value clients.
![Phloz [Coming soon]](/_next/image?url=%2Fprojects%2Fphloz.webp&w=3840&q=75)