No project

Implementation toolkit

Blueprint Toolkit

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

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.

See it in action

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.

Platforms we support:

Implementation toolkit

Blueprint Toolkit

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

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

      Valued Resources

      Curated links for implementation consultants: official docs, testing tools, and best-practice references for GA4, GTM, Adobe, and cross-domain tracking.

      📚

      Bookmark these

      GA4 DebugView and the Measurement Protocol reference are must-haves for any implementation.

      Account & Profile

      Manage your profile information and account settings.

      User guide

      A short guide to get started and do common tasks.

      Pricing

      Sync across devices, unlock more projects, and get more AI assists. Simple plans, instant access via Stripe. Cancel anytime. Paid plans help cover data storage and AI usage so we can keep the free tier available.

      All accounts include:

      • Sync across devices
      • Measurement framework & implementation guides
      • GTM import/export & checklist
      • Projects & AI-assisted extraction (limits vary by plan)
      • Secure sign-in & Stripe billing — cancel anytime

      Loading plans…

      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.