Website Tracking Checker

Free tool by Z Digital Agency that analyzes the tracking health of any website — analytics setup, advertising pixels, cookie compliance, and SEO script impact.

Features

• Detects 20+ trackers (GA4, GTM, Meta Pixel, Google Ads, TikTok, LinkedIn, and more)
• Scores across 4 dimensions: Analytics, Advertising, Cookies, SEO
• GDPR/cookie consent banner detection
• Cookie lifetime compliance analysis
• Prioritized recommendations
• Lead gate (blur + HubSpot form) on detailed recommendations
• Scan results stored in Neon Postgres

Stack

• Framework: Next.js 14 (App Router)
• Database: Neon Postgres (@neondatabase/serverless)
• CRM: HubSpot (Private App Token)
• Deployment: Vercel
• Styling: Tailwind CSS

Setup

1. Install dependencies

npm install

2. Environment variables

Copy .env.local.example to .env.local and fill in:

DATABASE_URL=postgresql://...neon.tech/...?sslmode=require
HUBSPOT_PRIVATE_APP_TOKEN=pat-na1-...
NEXT_PUBLIC_APP_URL=https://your-domain.com

3. Create database tables

Run the schema against your Neon database:

# Using psql
psql "$DATABASE_URL" -f db/schema.sql

# Or paste db/schema.sql into the Neon SQL Editor

4. Run locally

npm run dev

Deploy to Vercel

1. Push to zdigitalagency/website-tracking-checker on GitHub
2. Import project in Vercel
3. Add environment variables (DATABASE_URL, HUBSPOT_PRIVATE_APP_TOKEN, NEXT_PUBLIC_APP_URL)
4. Deploy

V2 Roadmap

• Headless browser (Playwright) for real cookie detection
• Actual server-side tracking detection
• PDF report generation
• Email delivery of results
• Dashboard for scan history