No project

Blueprint Toolkit

Plan, document, and implement tracking projects in one place. Save several hours per implementation with production-ready code.

Why Blueprint

All in one place

Projects, frameworks, checklists, and guides live in one toolkit—no more jumping between spreadsheets, docs, and GTM. Define what to track, then turn it into step-by-step guides and code without switching tools.

Client-ready deliverables

Share links, exportable guides, and structured briefs you can send to clients or devs as-is. No rewriting your process into "client format" every time.

Built for GA4 & tracking

Designed around GA4, GTM, server-side, and cross-domain. Framework-vs-GTM comparison, server-side event definitions, and cross-domain guidance in one workflow—not pieced together from generic tools.

What's inside

Project panel
Client info, domains, IDs, and tracking setup in one place per project.
Measurement framework
Define every event, parameter, and trigger. Compare against GTM in real time.
Implementation guides
Auto-generated, step-by-step guides with GTM code ready to copy.
Client share links
Send a read-only link with project context, no login required for clients.
GA4 audit
Check GA4 config, event quality, and tag coverage against your framework.
Cross-domain & server-side
Linker config, server-side event mapping, and GTM container setup guidance.
01
Create a project
Set your client, domains, GA4 property ID, and GTM container in one panel.
02
Build the framework
Define every event, parameter, and trigger. Blueprint checks your live GTM layer as you type.
03
Generate the guide
One click creates a full implementation guide with copy-ready GTM code blocks.
04
Share with the client
Send a read-only link — no login required. Export to PDF or HTML for handoff.

Explore

Pricing

Plans and project limits. Start free, upgrade when you need more.

User guide

A short guide to get started and do common tasks.

Valued Resources

Curated links: GA4/GTM docs, testing tools, and best-practice sites.

Full implementation guide

Step-by-step GA4 + GTM + Blueprint with blueprint-toolkit.com as the example.

Free to start · No credit card

Ship your next implementation faster.

Join consultants using Blueprint to cut implementation time, produce client-ready deliverables, and keep every project organized.

Platforms we support:

Blueprint Toolkit

Plan, document, and implement tracking projects in one place. Save several hours per implementation with production-ready code.

Plan

Cross Domain

Cross-domain tracking: problem, solution, and production-ready code. Domains from your project drive the snippets.

Configurations

Ready-made configs (ecommerce, SaaS, advanced) and copy-paste snippets using your project’s domains and measurement ID.

Measurement Framework

Objectives, events, and KPIs grid. Pick a framework, export CSV or Markdown for scoping and handoff.

Stakeholder Interviews

Question bank by theme, stakeholder list per project, and interview templates (one-pager, agenda, summary) with copy and export.

AI Assist

Extract requirements from RFPs or docs (Project panel) or generate implementation guides from framework gaps.

Implement

Installation Methods

Step-by-step setup for GTM, direct HTML, or WordPress. Choose how you deploy the cross-domain and GA4 setup.

Server-side

GA4 Measurement Protocol: build events, save them per project, send test events, and get a full snippet. Same events can be copied as client-side gtag.

Implementation Guides

Step-by-step guides with optional code per step (bespoke, server snippet, client gtag, or a single event). Reorder steps, export to Markdown.

Snippet Library

Save and tag reusable code snippets. Use placeholders like {{MEASUREMENT_ID}} and {{DOMAINS_ARRAY}}; they’re replaced with the current project when you copy.

Adobe

Analytics, Launch, Target: config snippets and event code. Add Report Suite ID and Tracking Server in Project; placeholders populate all snippets.

GTM Integration

Import a GTM container export to analyze tags and variables, compare against your framework, or generate a GTM setup from your project to import back.

Implementation Checklist

Pre-implementation → GTM → Config → Testing → Validation → Documentation. Per-project progress with a clear progress bar.

Validate & account

Testing & Validation

Validation checklist and test suite for link decoration, client_id, and GA4 Real-time. Confirm cross-domain and tracking work.

Valued Resources

Curated links for consultants: official GA4/GTM docs, testing tools, events reference, and best-practice sites.

Pricing

Plans and project limits. Subscribe to sync across devices and unlock more projects.

Contact

Get support or leave a message when a support email is configured.

Share Blueprint

Tell the world! Share Blueprint with friends and colleagues on social media.

Admin

Plans & pricing, app settings, email, and users. Visible only to admins.

Guides & resources

Platforms we support:

Implementation Workflow

Follow the recommended order: create your project, run the GA audit, build the framework, configure GTM, then server-side, cross-domain, checklist, guides, and share.

    Cross-Domain Tracking

    Fix broken attribution, maintain session continuity, and accurately track users across multiple domains with our production-ready solution.

    100%
    Session Continuity
    15+
    Edge Cases Handled
    5min
    Setup Time
    Zero
    Configuration Hassle

    The Problem

    When users navigate from website.com to portal.website.com, GA4 and Adobe Analytics treat them as:

    Two Different Users

    Session breaks, inflating user counts and destroying journey analysis

    Wrong Attribution

    All conversions credited to "portal.website.com / referral" instead of original source

    Broken Marketing ROI

    Can't track which campaigns actually drive conversions

    The Solution

    Our universal CrossDomainLinker handles everything automatically:

    Automatic Link Decoration

    Appends _gl parameter with client_id to all cross-domain links

    Form Tracking

    Injects hidden fields to maintain continuity through form submissions

    SPA Support

    Intercepts pushState/replaceState for single-page applications

    Payment Processors

    Track through Stripe, PayPal, and other external checkout flows

    Dynamic Content

    MutationObserver watches for new elements added after page load

    Cookie Management

    Handles SameSite=None, Secure flags, and domain configuration

    Quick Start

    Basic Implementation
    // 1. Add script to your site
    <script src="CrossDomainLinker.js"></script>
    
    // 2. Initialize with your domains
    <script>
      const linker = new CrossDomainLinker({
        domains: {{DOMAINS_ARRAY}}
      });
    </script>
    
    // That's it! Cross-domain tracking is now active.

    Using Adobe?

    Adobe Analytics uses Visitor ID Service for cross-domain tracking (not a linker). Add your Report Suite ID and Tracking Server in the Project panel, then open Snippet Library and filter by adobe for the Visitor ID snippet and other Adobe configs.

    Tag communication & taxonomy

    How measurement tags communicate across domains, within the page, and across campaigns — and how a consistent event/parameter taxonomy keeps implementations aligned.

    Server-Side GA Tracking

    Definitive GA4 Measurement Protocol code for server-side events. Only requires your Measurement ID (and API Secret) to activate. Store your Measurement ID and GTM Container ID in the Project panel. Using Adobe? Server-side is different (Data Collection API, etc.)—see Snippet Library (filter: adobe).

    Why server-side?

    Send events from your backend (Node, Python, etc.) to GA4 without browser code. Use for: server-rendered pages, webhooks, CRMs, email clicks, or any server-only context. GA4 Measurement Protocol is the official API; this snippet is ready to drop in with just your Measurement ID and API Secret (create one in GA4 Admin → Data Streams → your stream → Measurement Protocol API secrets).

    Definitive server-side code

    Replace {{MEASUREMENT_ID}} and {{API_SECRET}} (or set them in Project and copy from here). Container ID is for reference only; store it in the Project panel.

    JavaScript (Node or browser fetch)

    Send test event

    Build an event and send it to GA4 via the Measurement Protocol. Uses this project's Measurement ID and API Secret. From a browser, validation-only (debug endpoint) works; for real events you may need to send from your backend if GA4 blocks cross-origin requests.

    Pick a recommended event above or type your own.

    GA4 uses this to identify the user. For testing, leave empty and we'll generate one.

    Saved events

    Saved events are injected into the server-side code block above. Edit one to change it (then Update), or delete.

      Project IDs (safe keeping)

      In the Project panel you can store this project’s GA4 Measurement ID (e.g. G-XXXXXXXXXX) and GTM Container ID (e.g. GTM-XXXXXXX). The Measurement ID is injected into the code above when you have a project selected; the Container ID is for reference and handoff only.

      Measurement Framework Builder

      Define what to measure and how. Select your business type, objectives, and platform (GA4, GTM, or Adobe) to generate a framework that maps objectives to KPIs, events, and parameters. Once you've customized the framework, create a Framework to save and link it to your project. For healthcare or high-sensitivity contexts, keep event and parameter design free of PHI/PII on the client's site — see Healthcare & privacy.

      Template options

      Customize the framework grid (active when Template is selected)

      Choose business type, objectives, and platform to generate recommended rows for the grid below.

      Framework grid

      Objective Key metric Events Parameters / dimensions Priority Status Data layer / GTM Actions

      To pull framework rows from a document (RFP, meeting notes), open the Project panel and use AI: Extract requirements. Paste or import from URL, then Apply to project to populate the framework grid and project details.

      Implementation Guides

      Build step-by-step implementation guides with best practices, do's and don'ts, and export to Markdown for handoffs and documentation. Start from a template or save your own.

      Create a guide

      GTM container

      How Generate from gaps works

      Compares your Measurement Framework to your GTM container (client-side tags from your GTM import). Missing events = not yet in GTM; the guide explains how to add them. If you send events server-side (Measurement Protocol), use the same list in the Server-side section instead.

      Generate

      Generate from your framework vs GTM, or start from a template. Then edit steps and export.

      Export as Markdown

      Guide content

      Steps

      Do's

      One per line; these appear as a best-practice list in the exported guide.

      Don'ts

      One per line; avoid these common mistakes.

      Best-practice callouts in export

      In the exported Markdown, Do's are shown as a green callout and Don'ts as a caution callout, so readers can scan quickly.

      Do
      • Use SameSite=None; Secure for cookies.
      • Set linker tag to fire before GA4 Config.
      Don't
      • Don't use DOM Ready if you need first-paint decoration.
      • Don't forget referral exclusions in GA4.

      Implementation Tools

      Snippet library, GTM integration, and testing tools to support your implementation workflow.

      GA4 Configuration Audit

      Automated audit of your GA4 property configuration. Checks data streams, enhanced measurement settings, data retention, and more. Uses the same GA4 API integration as Analytics Insights.

      Note: Requires a Measurement ID set in your project.

      Overall Health Score

      out of 100
      Run audit to see your score

      Audit Checklist

      0%

      Check off items as you fix them. Items will auto-check when they're resolved in future audits.

      Progress 0%
      Loading checklist…

      Click "Run GA4 Audit" to check your GA4 configuration.

      Implementation Checklist

      Complete guide to ensure nothing is missed during implementation. Signed-in users can customize the checklist.

      Overall Progress 0%

      Stakeholder Interviews

      Plan and run discovery interviews: a question bank by theme, a stakeholder list per project, and ready-to-use templates (pre-meeting one-pager, agenda, summary) with copy and export. Signed-in users can customize the question bank and templates.

      Question bank

      Curated questions by theme. Use “Why we ask” to explain intent; copy a question or export the full bank.

      Stakeholder list

      Per project: role, name, focus, and whether they’ve been interviewed. Pick a project above to edit.

      Interview templates

      Pre-meeting one-pager, agenda, and summary. Copy or export each block.

      Pre-meeting one-pager

      Agenda

      Summary

      Curated links

      Valued Resources

      Official docs, testing tools, and best-practice references for GA4, GTM, Adobe, and cross-domain tracking — curated for implementation consultants.

      Pro tip
      GA4 DebugView and the Measurement Protocol reference are must-haves. Bookmark them before your next implementation.

      Links open in a new tab. Google and third-party URLs may change — we recommend bookmarking official docs directly.

      Account & Profile

      Manage your profile information and account settings.

      Documentation

      User Guide

      Everything you need to go from a blank project to a client-ready tracking deliverable — in one place.

      ~5 min read GA4 & GTM ready Always up to date
      1
      Open the Project panel
      Click Project in the top bar. Every setting, snippet, and guide is scoped to your active project.
      2
      Create a project
      Choose — New project — or click New, then enter your client name.
      3
      Add project details
      Enter domains, GA4 Measurement ID, GTM container ID, and any cross-domain targets.
      4
      Explore the sidebar
      Jump to Framework, Guide, GTM, or Cross-domain. Everything updates for your project automatically.
      Sign in to sync across devices. Your projects, guides, and frameworks are stored in your account. Visit Pricing to unlock more projects and AI assists.

      Measurement Framework

      Define every event, parameter, and trigger. Compare your planned framework against your live GTM container to spot gaps instantly.

      • Add events with names, triggers, and parameters
      • Import existing GTM container to auto-populate
      • See live vs. planned status per event

      Implementation Guides

      Create step-by-step guides with attached code snippets. Generate them from framework gaps with one click using AI Assist.

      • Build steps with titles, descriptions, and code
      • AI: generate from missing framework events
      • Export as Markdown for version control

      Share & Export

      Send clients a read-only link — no login required. Or export a complete PDF/HTML deliverable with cover, framework, guide, and checklist.

      • Public read-only share link per project
      • Export to PDF or HTML for handoff
      • Cover page with your profile and logo

      GTM Integration

      Import a GTM container export, compare it against your framework, then generate a GTM-ready JSON with your Measurement ID and domain list baked in.

      • Upload GTM container JSON to compare
      • Export a GTM-ready container file
      • Auto-fills with project domains and IDs

      GA4 Audit

      Run a structured audit of your GA4 property — check configuration, event quality, and tag coverage against your measurement framework.

      • Checklist-driven audit workflow
      • Compare live events to planned events
      • Flag gaps and misconfigurations

      Stakeholder Interviews

      Organise stakeholder conversations per project. Log interview takeaways, use question banks, and generate one-pagers, agendas, and summaries.

      • Per-project stakeholder roster
      • Question banks and templates
      • Export takeaways to project notes
      AI Assist — Paste RFP text, meeting notes, or emails into the Project panel. The AI extracts objectives, KPIs, events, and stakeholders, then populates your framework automatically. Available on Starter and above.
      Snippet Library — Your reusable code collection. Smart placeholders like {{MEASUREMENT_ID}} and {{DOMAINS_ARRAY}} auto-fill with your current project values when you copy. Filter by GA4, GTM, cross-domain, and more.

      The Admin section appears in the sidebar for users with admin privileges. It controls everything from user management to content configuration.

      Users
      View, search, and manage all users. Change roles to promote or demote access.
      Plans & Pricing
      Configure plan names, project limits, AI limits, and link Stripe Price IDs.
      Email
      Send emails to users by role or plan via Brevo. Configure sender details in Settings.
      Settings
      Support email, app-wide notice banners, theme style (Default / Airbnb), Brevo config.
      Content management
      Edit question banks, checklist sections, resource links, guide templates, and promo cards.
      Analytics
      View usage insights and audit GA4 integration health across all users.
      If the app_settings table is missing, run supabase/migrations/006_app_settings.sql in Supabase → SQL Editor.

      Simple, transparent pricing

      Plans for every consultant

      Start free. Upgrade when you need more projects or AI assists. Cancel anytime — no lock-in.

      Every plan includes

      Device sync
      Framework & guides
      GTM import/export
      Google sign-in
      Cancel anytime

      Loading plans…

      Paid plans help cover data storage and AI usage costs so we can keep the free tier available.

      Admin

      Manage users, roles, and plans. To disable a user or send a password reset, use Supabase Dashboard → Authentication → Users.

      Users

      All users with access to Blueprint. Change role to promote or demote.

      Email Display name Role Stripe Customer ID Created Actions

      To disable a user or send a password reset link, open Supabase Dashboard → Authentication → Users.