Skip to main content

Getting Started

TagDragon is a Chrome DevTools extension for capturing and decoding network requests from 59 marketing and analytics providers. Get it installed and start debugging in under a minute.

Prerequisites

  • Chrome 102 or later (or a Chromium-based browser like Edge, Brave, or Opera)

Install from Chrome Web Store

  1. Visit the TagDragon listing on the Chrome Web Store
  2. Click Add to Chrome
  3. Confirm the installation in the popup

The extension icon will appear in your browser toolbar.

Open TagDragon

  1. Open DevTools on any website by pressing F12 or right-clicking and selecting Inspect
  2. Find the TagDragon tab in the DevTools panel bar (alongside Elements, Console, Sources, etc.)
  3. Click on it to open the TagDragon panel

Capture your first request

Navigate to any website and watch tracking requests appear in real-time. TagDragon automatically captures requests from 59 supported providers.

Click on any request to see its decoded parameters in a human-readable format instead of raw URL strings.

Quick workflow: 60 seconds to your first insight

  1. Open DevTools (F12) → click the TagDragon tab
  2. Navigate to any website — tracking requests appear automatically
  3. Click any request → the Decoded tab shows human-readable parameters grouped by category
  4. Look for issues — red status codes, missing event names, or unexpected parameters
  5. Filter by provider — press Ctrl+Shift+F to isolate a specific tracking tool

That’s it. From here, explore the Features page for advanced capabilities like the DataLayer inspector, consent testing, and Adobe environment switching.

Next steps

Learn about all available features →

Was this page helpful?

Start typing to search docs...