1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>AdsDebugger - The Ultimate Ad Tech Troubleshooting Tool</title> 7 <meta name="description" content="Debug Google Ad Manager (GAM), Prebid.js, Google Ad Exchange (AdX), AdSense for Search (AFS), Campaign Manager 360 (DCM), and Tracking Pixels in real-time with the AdsDebugger Chrome Extension."> 8 9<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 9-10
9 10<script async src="https://www.googletagmanager.com/gtag/js?id=
10G-K24K2KJ41W
vendor: 13 bytes, line 10
10"></script>
11<script> 12
vendor: 138 bytes, lines 12-16
12window.dataLayer = window.dataLayer || []; 13 function gtag(){dataLayer.push(arguments);} 14 gtag('js', new Date()); 15 16 gtag('config', '
16G-K24K2KJ41W
vendor: 5 bytes, line 16
16');
17</script>
17 18 19 <!-- Tailwind CSS --> 20
20<script src="https://cdn.tailwindcss.com"></script>
20 21 22 <!-- Google Fonts: Inter and JetBrains Mono --> 23 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet"> 24 25 <!-- Favicon --> 26 <link rel="icon" type="image/svg+xml" href="https://adsdebugger.com/images/Logo/logo.svg"> 27 28 <!-- Palette: Slate (Backgrounds/Text) + Red #cc0505 (Primary/Brand) --> 29
29<script> 30 tailwind.config = { 31 theme: { 32 extend: { 33 fontFamily: { 34 sans: ['Inter', 'sans-serif'], 35 mono: ['JetBrains Mono', 'monospace'], 36 }, 37 colors: { 38 primary: '#cc0505', 39 'primary-hover': '#a30404', 40 } 41 } 42 } 43 } 44 </script>
44 45 <style> 46 /* Custom styles for specific needs */ 47 body { font-family: 'Inter', sans-serif; } 48 .font-mono { font-family: 'JetBrains Mono', monospace; } 49 50 .feature-card-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; } 51 .feature-card-hover:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } 52 53 /* Gradient Text Style */ 54 .text-gradient { 55 background-clip: text; 56 -webkit-background-clip: text; 57 -webkit-text-fill-color: transparent; 58 background-image: linear-gradient(to right, #cc0505, #ff4d4d); /* Red gradient */ 59 } 60 </style> 61 62</head> 63<body class="bg-slate-50 text-slate-900 flex flex-col min-h-screen"> 64 65 <main class="flex-grow flex flex-col items-center justify-center w-full max-w-5xl mx-auto px-6 py-12 sm:py-7"> 66 67 <!-- Logo --> 68 <div class="mb-8"> 69 <img src="https://adsdebugger.com/images/Logo/logo.svg" alt="AdsDebugger Logo" class="w-24 h-24 sm:w-28 sm:h-28 drop-shadow-sm"> 70 </div> 71 72 <!-- Status Badge --> 73 <div class="mb-6"> 74 <a href="https://chromewebstore.google.com/detail/adsdebugger/bninkopdmdpoiekbcncongnpmbdhmkpg" target="_blank" class="inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-green-100 text-green-700 border border-green-200 uppercase tracking-wide hover:bg-green-200 transition-colors"> 75 Available on Chrome Web Store 76 </a> 77 </div> 78 79 <!-- Headline with Gradient Text --> 80 <h1 class="text-4xl sm:text-5xl md:text-6xl font-bold text-center tracking-tight mb-6 leading-tight"> 81 Debug your <span class="text-gradient">Ad Stack</span> without the console fatigue. 82 </h1> 83 84 <!-- Tagline --> 85 <p class="text-lg sm:text-xl text-slate-600 text-center max-w-3xl mb-10 leading-relaxed font-light"> 86 <span class="mt-4 font-semibold text-slate-800 text-xl md:text-2xl"> 87 AdsDebugger 88 </span>Chrome Extension is designed to help publishers, developers, and ad-ops teams debug Google Ad Manager (GAM), Prebid.js, Ad Exchange (AdX), AdSense for Content (AFC), AdSense for Search (AFS), Campaign Manager 360 (DCM), Tracking Pixels, and GDPR/TCF signals with precision. 89 <!-- <span class="block mt-4 "> 90 The smart 'Ad Slot Overlay' turns your webpage into a diagnostic dashboard by drawing over ad slots to show critical ad metadata. 91 </span> --> 92 <span class="block mt-4 font-semibold text-slate-800 text-xl md:text-2xl"> 93 Stop digging through network tabs. <span class="text-gradient">Visualize the data instantly!</span> 94 </span> 95 </p> 96 97 <!-- PRIMARY CTA --> 98 <div class="flex flex-col items-center gap-3 mb-16"> 99 <a href="https://chromewebstore.google.com/detail/adsdebugger/bninkopdmdpoiekbcncongnpmbdhmkpg" 100 target="_blank" 101 aria-label="Add AdsDebugger to Chrome" 102 class="group relative inline-flex items-center justify-center gap-3 px-7 py-5 rounded-xl 103 bg-primary text-white font-semibold text-xl 104 shadow-[0_10px_30px_rgba(204,5,5,0.35)] 105 transition-all duration-300 106 hover:shadow-[0_14px_40px_rgba(204,5,5,0.45)] 107 hover:-translate-y-1"> 108 109 <span class="absolute inset-0 rounded-xl ring-2 ring-primary/40 group-hover:ring-primary/70 transition"></span> 110 111 <span class="relative flex items-center justify-center w-9 h-9 rounded-full bg-white shadow-md"> 112 <img src="https://www.google.com/chrome/static/images/chrome-logo-m100.svg" alt="Chrome logo" class="w-5 h-5"> 113 </span> 114 115 <span class="relative">Add to Chrome</span> 116 117 <svg class="relative w-5 h-5 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> 118 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> 119 </svg> 120 </a> 121 <p class="text-sm text-slate-500">Free ⢠No signup ⢠Works instantly</p> 122 </div> 123 124 <!-- Features Grid --> 125 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 w-full text-left mb-24"> 126 127 <!-- Feature 1 --> 128 <div class="bg-white p-6 rounded-xl border border-slate-200 feature-card-hover"> 129 <h3 class="text-lg font-bold text-slate-800 mb-2 flex items-center gap-2">
130 <span class="font-mono">ð</span> Google Ad Manager (GAM) 131 </h3> 132 <p class="text-slate-600 text-sm leading-relaxed"> 133 Visualize ad requests, slots, inspect targeting, debug 134 video ad pods (VAST/VMAP), and more seamlessly. 135 </p> 136 </div> 137 138 <!-- Feature 2 --> 139 <div class="bg-white p-6 rounded-xl border border-slate-200 feature-card-hover"> 140 <h3 class="text-lg font-bold text-slate-800 mb-2 flex items-center gap-2"> 141 <span class="font-mono">âï¸</span> Prebid.js Auctions 142 </h3> 143 <p class="text-slate-600 text-sm leading-relaxed"> 144 Analyze header bidding auctions, participating bidders, winning bids, bidder timeouts, and CPMs in real-time. 145 <!-- Inspect bidder requests, CPMs, timeouts, auction flow, 146 and winning bids. View a complete breakdown of every auction, including participating bidders, CPMs, and time-to-respond. --> 147 </p> 148 </div> 149 150 <!-- Feature 3 --> 151 <div class="bg-white p-6 rounded-xl border border-slate-200 feature-card-hover"> 152 <h3 class="text-lg font-bold text-slate-800 mb-2 flex items-center gap-2"> 153 <span class="font-mono">ð§©</span> Ad Slot Overlay (Visual Debugger) 154 </h3> 155 <p class="text-slate-600 text-sm leading-relaxed"> 156 Turn any webpage into a diagnostic canvas by overlaying ad slots 157 to reveal Ad Unit paths, Line Item IDs, Creative IDs, and Sizes instantly. 158 </p> 159 </div> 160 161 <!-- Feature 4 --> 162 <div class="bg-white p-6 rounded-xl border border-slate-200 feature-card-hover"> 163 <h3 class="text-lg font-bold text-slate-800 mb-2 flex items-center gap-2"> 164 <span class="font-mono">ð¡ï¸</span> Privacy, Consent & Signals 165 </h3> 166 <p class="text-slate-600 text-sm leading-relaxed"> 167 Automatically detect and decode IAB TCF (GDPR) consent strings. Capture and display US Privacy (CCPA) strings, COPPA (tfcd) flags, and Non-Personalized Ad (npa) signals. 168 <!-- Decode and verify TCF v2.2, US Privacy, GPP, 169 and consent-related signals passed in ad requests. --> 170 </p> 171 </div> 172 173 <!-- Feature 5 --> 174 <div class="bg-white p-6 rounded-xl border border-slate-200 feature-card-hover"> 175 <h3 class="text-lg font-bold text-slate-800 mb-2 flex items-center gap-2"> 176 <span class="font-mono">ð¯</span> AdX, AdSense (AFC, AFS) 177 </h3> 178 <p class="text-slate-600 text-sm leading-relaxed"> 179 Inspect Ad Exchange and AdSense (AFC / AFS) requests, 180 parameters, custom styles, response metadata, and render behavior. 181 </p> 182 </div> 183 184 <!-- Feature 6 --> 185 <div class="bg-white p-6 rounded-xl border border-slate-200 feature-card-hover"> 186 <h3 class="text-lg font-bold text-slate-800 mb-2 flex items-center gap-2"> 187 <span class="font-mono">ð</span> Campaign Manager 360 (DCM) & Pixels 188 </h3> 189 <p class="text-slate-600 text-sm leading-relaxed"> 190 Verify CM360 (DCM) tags, Floodlight events, 191 impression pixels, and audience match tags. 192 </p> 193 </div> 194 195</div> 196 197 <!-- SECONDARY CTA (Below the fold) --> 198 <div class="w-full bg-white border border-slate-200 rounded-2xl p-8 flex flex-col md:flex-row items-center justify-between gap-6 shadow-sm"> 199 <div> 200 <h3 class="text-2xl font-bold mb-2">Ready to inspect your ads visually?</h3> 201 <p class="text-slate-600">Install AdsDebugger from the Chrome Web Store and start debugging in seconds.</p> 202 </div> 203 <a href="https://chromewebstore.google.com/detail/adsdebugger/bninkopdmdpoiekbcncongnpmbdhmkpg" 204 target="_blank" 205 class="inline-flex items-center gap-3 px-6 py-3 rounded-lg bg-primary hover:bg-primary-hover text-white font-semibold transition"> 206 <img src="https://www.google.com/chrome/static/images/chrome-logo-m100.svg" class="w-5 h-5" alt="Chrome logo"> 207 Add to Chrome 208 </a> 209 </div> 210<br> 211 </main> 212 213 <footer class="w-full bg-white border-t border-slate-200 py-8 mt-auto"> 214 <div class="max-w-5xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-slate-500"> 215 <p>© <span id="copyright_year"></span> AdsDebugger. All rights reserved.</p> 216
216<script> document.getElementById('copyright_year').textContent = new Date().getFullYear();</script>
216 217 <div class="flex gap-6"> 218 <a href="/contact" class="hover:text-primary transition-colors">Contact</a> 219 <a href="/privacy" class="hover:text-primary transition-colors">Privacy</a> 220 <a href="/terms" class="hover:text-primary transition-colors">Terms</a> 221 </div> 222 </div> 223 </footer> 224</body> 225</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.