Adobe WebSDK Tracker

Adobe Beacon Tracker — Web & WebSDK Analytics Debugger The Adobe Beacon Tracker is a Chrome Extension designed for analysts, developers, and QA engineers who work with Adobe Analytics (AA) or Adobe Experience Platform (AEP) Web SDK implementations. It automatically detects and logs Adobe Analytics beacons (/b/ss/) and Adobe Experience Platform data collection calls (/v1/collect), providing a clean and exportable view of every analytics payload sent from your site. This tool helps you audit, validate, and debug beacon data in real time — without relying on Adobe Debugger or external proxy tools. 🚀 Core Features 1. Automatic Beacon Detection Instantly detects all outgoing requests to Adobe Analytics (/b/ss/) and Adobe Web SDK (/v1/collect) endpoints. Works across all websites, including SPAs (Single Page Applications) and sites with strict CSP rules. Captures both GET and POST beacons, regardless of the transport method (fetch, XHR, sendBeacon, or Image). 2. Unified Data Logging Collects beacons from both AppMeasurement and Web SDK in a unified format. Parses query strings or JSON request bodies automatically. Classifies each beacon as either “page load” or “link” based on the presence of pev2. 3. Local-Only Storage All captured data is stored securely in your browser’s localStorage. No data ever leaves your machine. Logs can be cleared at any time with one click. 4. CSV Export Export all captured beacons into a structured CSV file. Columns dynamically match every variable found (eVars, props, XDM fields, custom events, etc.). Beacons are sorted by beacon type for easier QA and SDR mapping. 5. Privacy-First by Design The extension does not collect, transmit, or share any personal data. All processing happens locally in your browser. Fully transparent and open-source under permissive terms. 🧩 Why Use Adobe Beacon Tracker For Analysts Quickly identify which variables fire on key pages or events. Export data for SDR (Solution Design Reference) mapping and validation. View exactly what’s being sent to Adobe Analytics — no guesswork. For Developers Debug and verify s.t() / s.tl() calls or Web SDK event objects. Confirm beacon payloads contain the right keys, values, and structure. Detect duplicate, missing, or malformed calls in real time. For QA Testers Validate that all expected analytics calls fire across page flows. Use the CSV export for documentation, regression testing, or pre-launch QA. Save hours of manual comparison with ready-to-analyze beacon data. For Implementation Consultants Audit Adobe implementations for clients without proxy tools. Generate reproducible exports for SDR mapping and team collaboration. Compare AppMeasurement and Web SDK beacons in one view. 🧠 How It Works Once installed, the Adobe Beacon Tracker injects a lightweight listener script that activates when tracking is enabled. It monitors outgoing network requests to Adobe Analytics and Web SDK endpoints, logging relevant data points such as: eVars, props, events, and XDM fields Timestamp and page URL pev2 (link/page classification) The source method (fetch, XHR, sendBeacon, or Image) From the popup menu: Toggle tracking ON/OFF Click Export CSV to download your data Click Clear Logs to reset All tracking is local — nothing leaves your browser. ⚙️ Technical Details Feature Description Manifest Version 3 Supported Endpoints /b/ss/ (Adobe Analytics), /v1/collect (Adobe Web SDK / AEP) Detection Methods fetch, XMLHttpRequest, sendBeacon, Image Storage LocalStorage (client-side only) Permissions storage, <all_urls> Export Format CSV (adobe_beacons_[timestamp].csv) Popup Controls Tracking toggle, Export, Clear buttons Browser Support Chrome (latest versions) 📘 Companion SDR Script (Google Sheets) Want to automatically convert your exported CSV into a readable SDR format with summaries and highlights? Use the companion Google Apps Script hosted here: 🔗 https://github.com/Dloliver/WEBSDKAUDITBOTAPPSCRIPT/tree/main This script: Imports your exported CSV into Google Sheets Maps all captured variables into an organized SDR Output sheet Generates a Summary sheet showing top events, unique counts, and pev2 breakdowns Adds visual highlights and borders for readability 💡 Ideal for teams using this extension for QA, SDR documentation, or Adobe Experience Platform audits. 🔒 Privacy Policy Summary Your privacy is fully protected: No personal data, cookies, or browsing history are collected. No analytics are sent externally. All data remains on your local device unless you export it yourself. You can clear everything anytime using the Clear Logs button. See full details in the Privacy Policy included with the extension or in its GitHub repository. 💡 Use Cases Pre-launch analytics QA — Validate tagging before deployment. CJA readiness checks — Confirm Web SDK event structures for Customer Journey Analytics. SDR mapping — Quickly align beacon variables with documentation. Tag governance — Detect extra, missing, or malformed beacons. Client demos — Show real-time data collection for stakeholder visibility. 🧰 Example Workflow Turn the tracker ON in the popup. Navigate through your site — every beacon is captured automatically. Click Export CSV to download the data. Open the SDR Apps Script in Google Sheets and import your CSV. Run the script to generate your SDR Output and Summary sheets. 🧩 Version Highlights (v1.7.7) ✅ Switched export format from JSON → CSV ✅ Added Web SDK (/v1/collect) support ✅ Classifies “page load” vs. “link” events ✅ LocalStorage persistence ✅ Lightweight UI and toggle controls ✅ No external dependencies ⚡ Planned Enhancements Future updates will include: In-extension beacon viewer Column filters and search by eVar/prop LocalStorage capacity monitor Direct Google Sheets export via OAuth Enhanced SDR auto-mapping integration 🧭 Summary The Adobe Beacon Tracker is your privacy-safe, all-in-one debugging companion for Adobe Ana…