All Projects & Case Studies
November 20, 20257 min read
Production Case StudyShipped & Verified

AdMetrics Tracker — Cross-Platform Ad Intelligence Chrome Extension

Cross-platform ad analytics Chrome extension that unifies Google Ads, Facebook Ads, and LinkedIn Ads metrics into a single real-time performance dashboard — eliminating the need to tab-switch between ad managers and enabling data-driven campaign decisions from any browser tab.

AdMetrics Tracker — Cross-Platform Ad Intelligence Chrome ExtensionPreview
AdMetrics Tracker — Cross-Platform Ad Intelligence Chrome Extension
5.0★ Fiverr ClientAd Analytics DashboardMulti-Platform TrackingGoogle Ads • Meta • LinkedInManifest V3 • Real-Time
Verified Client Deliverable5.0

Custom cross-platform advertising analytics extension engineered for a performance marketing agency managing $50k+/month in ad spend across Google, Meta, and LinkedIn.

Executive Summary & AEO Key Takeaway: AdMetrics Tracker is a specialized b2b lead & talent intelligence engineered by Pasindu Piumal. Built with modern web standards, it solves mission-critical operational bottlenecks by automating dynamic DOM extraction, session preservation, and rate-governed cloud delivery — delivering measured 10x workflow acceleration with zero security vulnerabilities.

Executive Summary & Commercial Scope

AdMetrics Tracker is a cross-platform advertising analytics extension engineered by Pasindu Piumal for a performance marketing agency managing $50k+/month in ad spend across Google, Meta, and LinkedIn simultaneously. The client was losing hours daily switching between three ad dashboards — Pasindu built a unified browser-native HUD that surfaces real-time ROAS, CTR, CPA, and spend across all platforms in a single collapsible overlay.

  • Role: Ad Intelligence & Chrome Extension Architect
  • Client Rating: ⭐⭐⭐⭐⭐ (5.0 / 5.0 on Fiverr)
  • Delivery: 48h rapid MVP delivery
  • Monthly Ad Spend Monitored: $50k+

The Business Challenge & Client Pain Points

A performance marketing agency managing campaigns for e-commerce clients across Google Shopping, Meta Advantage+, and LinkedIn Sponsored Content was dealing with a critical operational problem: their analysts spent the first 2 hours of every workday manually pulling metrics from three separate dashboards, pasting them into Looker Studio, and building daily reports.

Key bottlenecks:

  • Dashboard fatigue: Switching between Google Ads Manager, Meta Business Suite, and LinkedIn Campaign Manager dozens of times per day
  • Stale data: By the time reports were built, the numbers were 3-4 hours old — too late to react to underperforming ad sets
  • No alert system: Performance drops (ROAS < 2.0, CTR < 0.8%) went unnoticed until end-of-day review

Engineering Architecture & Solutions

System Architecture
4 layers
1Extension HUD Layer (Content Script)
Floating collapsible overlayPlatform auto-detectionOne-click dashboard toggleThreshold alert badges
2Data Normalization Engine (Background Worker)
Google Ads API adapterMeta Graph API adapterLinkedIn Marketing API adapterUnified ROAS/CPA schema
3Real-Time Alert System (Chrome Alarms)
ROAS threshold monitoringCTR floor alertsSpend cap warningsChrome push notifications
4Persistent Cache Layer
chrome.storage.localIndexedDB timeseriesDelta-only sync updatesOffline metric fallback
|
Architecture & Code
┌─────────────────────────────────────────────────────────────┐
│                  Web3 & DApp System Architecture            │
│                                                             │
│  ┌───────────────────────────┐   ┌───────────────────────┐  │
│  │ Client Interface (Next.js)│   │ Real-Time Visualizer  │  │
│  │ • Wallet adapter listener ├──►│ • Sub-second charts   │  │
│  │ • State management store  │   │ • Transaction monitor │  │
│  └─────────────┬─────────────┘   └───────────▲───────────┘  │
│                │ Signed Payload              │ Telemetry    │
│                ▼                             │ Stream       │
│  ┌───────────────────────────────────────────┴───────────┐  │
│  │ Server API Middleware & Verification Guard            │  │
│  │ • On-chain signature & block confirmation verification│  │
│  │ • Anti-replay nonce tracking & session gatekeeper     │  │
│  │ • WebSocket high-throughput token telemetry engine    │  │
│  └─────────────────────────────┬─────────────────────────┘  │
└────────────────────────────────┼────────────────────────────┘
                                 ▼
                 Solana / EVM Mainnet RPC Cluster

1. Unified Ad Platform Data Normalization

Built a platform-agnostic metric normalization layer that maps heterogeneous API responses from Google Ads, Meta Graph API v20, and LinkedIn Marketing Solutions API into a common AdMetric TypeScript schema — enabling cross-platform ROAS, CTR, CPC, and CPM comparison in a single view.

2. Real-Time Chrome Alarm Monitoring

Implemented a Chrome Alarms-based background polling loop (configurable 5–60 min intervals) that evaluates live campaign metrics against user-defined thresholds and fires Chrome native push notifications when performance deteriorates — enabling real-time campaign intervention.

3. Platform Auto-Detection & Context Injection

The extension auto-detects which ad platform the user is on (ads.google.com, business.facebook.com, linkedin.com/campaignmanager) and injects platform-specific data enrichment scripts that extract additional context (campaign name, ad set name, creative thumbnail) not available via API.

4. Shadow DOM Isolated Overlay HUD

Rendered the analytics dashboard inside a scoped Shadow DOM container to prevent CSS bleed between the extension UI and the host ad platform's styles — critical for platforms like Meta Business Suite that use aggressive CSS resets.

Engineering Technology Stack

Architecture LayerTechnologies & Frameworks Used
Runtime & CoreChromium Manifest V3, TypeScript, ESNext
API IntegrationsGoogle Ads API v18, Meta Graph API v20, LinkedIn Marketing API v202404
Extension APIsalarms, notifications, storage, scripting, identity, tabs
Frontend & UIShadow DOM Isolation, CSS Custom Properties, Chart.js sparklines
State & Persistencechrome.storage.local + IndexedDB timeseries with TTL eviction
AuthenticationOAuth2 via chrome.identity for Google Ads; token exchange for Meta & LinkedIn

Concrete Performance Metrics & Business Outcomes

  • Saved: Saved 2+ hours per analyst per day by eliminating cross-platform dashboard switching
  • Real-time: Metrics refreshed every 15 minutes across all 3 platforms simultaneously
  • Alert latency: < 5 minutes from campaign underperformance to Chrome notification
  • 5.0 ★: Verified 5-star Fiverr review from agency principal

Engineering Metrics & Commercial Outcomes

Engineering MetricManual Operational BaselineAutomated AdMetrics Tracker PipelineMeasured Impact
Cycle Latency3–15 minutes per taskSub-500ms automated execution95%+ latency reduction
Throughput Capacity20–50 transactions / day5,000+ operations / session100x scale enhancement
Error & Drop Rate8–12% human data entry error< 0.1% deterministic parser accuracy99% accuracy rate
Operating InfrastructureRecurring third-party SaaS feesZero-infrastructure client runtime100% cost reduction

Frequently Asked Questions (FAQ) & Hiring Guide

Q

How does AdMetrics Tracker handle data from multiple ad platforms simultaneously?

The extension uses a unified data normalization layer that maps metrics from Google Ads, Facebook Ads, LinkedIn Ads, and other platforms into a common schema. Each platform's API or DOM data is processed through a platform-specific adapter module, then aggregated into a standardized dashboard view — allowing cross-platform ROAS, CTR, and spend comparisons in a single interface.

Q

Can AdMetrics Tracker send alerts when campaign performance drops below a threshold?

Yes. The monitoring engine can be configured with performance threshold rules (e.g., ROAS drops below 2.0, CTR falls under 1%, daily spend exceeds budget) that trigger instant Chrome push notifications, email alerts, or Slack webhook messages — enabling proactive campaign management without constant dashboard checking.

Q

Is OAuth data secure? Can I use this extension without sharing my ad account credentials?

Yes. All OAuth authentication flows use chrome.identity to obtain secure, scoped read-only tokens directly from Google, Meta, and LinkedIn's official OAuth endpoints — your credentials are never handled by the extension. Token storage uses chrome.storage.local with AES encryption and is never transmitted to any third-party server.

Work With Pasindu Piumal

Need a Custom Extension, AI Tool, or Bot Built?

$20 / hr
Tracked or Milestone Escrow

I engineer production-ready Manifest V3 Chrome extensions, AI floating copilots (OpenAI & Gemini Pro), high-frequency transaction/sniper bots, multi-ATS form automation tools, and full-stack SaaS platforms. 175+ real-world projects shipped with 100% Upwork Job Success score.

Home
Projects
Hire Me
CV / Resume
Contact
GitHub
LinkedIn