No project

Implementation toolkit

Blueprint

Plan, document, and implement tracking projects in one place. Create projects, store domains and notes, build server- and client-side events, write step-by-step guides with code, and tick off checklists. Sign in to sync everything across devices.

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.

Get started

Master 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.

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.

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.

    Framework options

    Choose the options that match your implementation. The grid below will show recommended objectives, metrics, events, and parameters.

    Framework grid

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

    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.

    Start from a template or create your own

    Templates include pre-filled steps and best-practice callouts. You can edit, add steps, and 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.

    Snippet Library

    Select a snippet

    Click a snippet on the left to view its code here. Copy uses the current project's values for placeholders.

    Adding your snippets

    Save and tag reusable code snippets (GTM, GA4, custom HTML). Filter by use case. Snippets can use placeholders like {{MEASUREMENT_ID}} and {{DOMAINS_ARRAY}} that are replaced with the current project when you copy.

    Placeholder reference

    Use these in your snippets. They are replaced with the current project’s values when you copy.

    Variable Replaced with
    {{MEASUREMENT_ID}}GA4 Measurement ID (e.g. G-XXXXXXXXXX)
    {{API_SECRET}}Measurement Protocol API Secret
    {{CONTAINER_ID}}GTM Container ID
    {{DOMAINS_ARRAY}}Domains as JS array, inline (e.g. ['a.com','b.com'])
    {{DOMAINS_ARRAY_LINES}}Domains as JS array, one per line
    {{EXTERNAL_DOMAINS_ARRAY}}External domains as JS array
    {{COOKIE_DOMAIN}}First primary domain (for cookie scope)
    {{PROJECT_NAME}}Project name
    {{REPORT_SUITE_ID}}Adobe Report Suite ID
    {{TRACKING_SERVER}}Adobe Tracking Server
    {{LAUNCH_PROPERTY_ID}}Adobe Launch Property ID
    {{ADOBE_CLIENT_CODE}}Adobe Client Code

    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.

    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.