{"id":15711019,"url":"https://github.com/manifestinteractive/analytics-debug-panel","last_synced_at":"2025-04-01T06:31:57.966Z","repository":{"id":39559251,"uuid":"172025554","full_name":"manifestinteractive/analytics-debug-panel","owner":"manifestinteractive","description":"Chrome, Firefox \u0026 Opera Browser Extension - Analytics Debug Panel","archived":false,"fork":false,"pushed_at":"2023-03-02T19:36:51.000Z","size":11888,"stargazers_count":9,"open_issues_count":25,"forks_count":2,"subscribers_count":20,"default_branch":"master","last_synced_at":"2024-10-24T21:55:49.343Z","etag":null,"topics":["adobe","analytics","cross-browser","facebook","firefox-addon","google","google-chrome-extension","opera-extension"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/manifestinteractive.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"manifestinteractive","patreon":"peter_schmalfeldt","custom":"https://www.paypal.me/manifestinteractive"}},"created_at":"2019-02-22T08:26:41.000Z","updated_at":"2023-12-11T15:57:13.000Z","dependencies_parsed_at":"2024-10-24T09:29:36.287Z","dependency_job_id":"885e0e17-1385-4904-b252-7d85cb5b67a0","html_url":"https://github.com/manifestinteractive/analytics-debug-panel","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manifestinteractive%2Fanalytics-debug-panel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manifestinteractive%2Fanalytics-debug-panel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manifestinteractive%2Fanalytics-debug-panel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manifestinteractive%2Fanalytics-debug-panel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/manifestinteractive","download_url":"https://codeload.github.com/manifestinteractive/analytics-debug-panel/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222376506,"owners_count":16974320,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["adobe","analytics","cross-browser","facebook","firefox-addon","google","google-chrome-extension","opera-extension"],"created_at":"2024-10-03T21:11:12.755Z","updated_at":"2024-11-02T11:04:10.245Z","avatar_url":"https://github.com/manifestinteractive.png","language":"JavaScript","funding_links":["https://github.com/sponsors/manifestinteractive","https://patreon.com/peter_schmalfeldt","https://www.paypal.me/manifestinteractive"],"categories":[],"sub_categories":[],"readme":"Project Support\n===\n\nIf you or your company enjoy using this project, please consider supporting my work and joining my discord. 💖\n\n[![Become a GitHub Sponsor](https://img.shields.io/badge/Sponsor-171515.svg?logo=github\u0026logoColor=white\u0026style=for-the-badge \"Become a GitHub Sponsor\")](https://github.com/sponsors/manifestinteractive)\n[![Become a Patreon Sponsor](https://img.shields.io/badge/Sponsor-FF424D.svg?logo=patreon\u0026logoColor=white\u0026style=for-the-badge \"Become a Patreon Sponsor\")](https://patreon.com/peter_schmalfeldt)\n[![Donate via PayPal](https://img.shields.io/badge/Donate-169BD7.svg?logo=paypal\u0026logoColor=white\u0026style=for-the-badge \"Donate via PayPal\")](https://www.paypal.me/manifestinteractive)\n[![Join Discord Community](https://img.shields.io/badge/Community-5865F2.svg?logo=discord\u0026logoColor=white\u0026style=for-the-badge \"Join Discord Community\")](https://discord.gg/568FxkUx6v)\n\n------\n\n#  ![icon](./static/icons/48.png) Analytics Debug Panel\n\n\u003e Analytics Debug Panel is an Open Source browser extension to inspect, search \u0026 filter analytics traffic in your Developer Console.\n\n#  ![demo](./demo.gif)\n\n[Red Van Workshop](https://redvanworkshop.com) works with online retailers that have a variety of Analytic Providers for their differing business needs.  Working on new integrations and debugging existing ones is an integral part of our developer process.  We built this Browser Extension to help make that process easier.  We hope you will find it as useful as we do, and if you want to help make it better, we'd love to hear from you.\n\n## Features\n\n- [X] Works on Chrome, Firefox \u0026 Opera\n- [X] Adds new `Analytics` tab to Developer Console\n- [X] Works with Adobe, Google \u0026 Facebook Analytics\n- [X] Copy Requests to Clipboard\n- [X] Supports Light \u0026 Dark Themes\n\n## Installation\n\n\u003e Select your browser:\n\n[![Install Chrome](https://img.shields.io/badge/Install-Chrome-blue.svg?style=for-the-badge)](https://chrome.google.com/webstore/detail/analytics-debug-panel/poaajdjaghjhnampllfkclmepngmaekb)\n[![Install Firefox](https://img.shields.io/badge/Install-Firefox-orange.svg?style=for-the-badge)](https://addons.mozilla.org/en-US/firefox/addon/analytics-debug-panel/)\n[![Install Opera](https://img.shields.io/badge/Install-Opera-red.svg?style=for-the-badge)](https://addons.opera.com/en/extensions/details/analytics-debug-panel/)\n\n_( Opera Addon Pending Review )_\n\n## Manual Install\n\n\u003e Here is how to install this browser extension in your favorite browsers:\n\n\u003cdetails\u003e\u003csummary\u003eAdd to Google Chrome\u003c/summary\u003e\n\n1. Download [Webkit Extension](https://github.com/redvanworkshop/analytics-debug-panel/raw/master/dist/analytics-debug-panel.crx)\n2. Click **Keep** when prompted to download the file\n3. Go to the following URL in a new Google Chrome tab:  `chrome://extensions/`\n4. In the top right corner, Enable **Developer Mode**\n5. Drag and Drop `analytics-debug-panel.crx` file into Extension page\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eAdd to Firefox\u003c/summary\u003e\n\n1. Download [Firefox Addon](https://github.com/redvanworkshop/analytics-debug-panel/raw/master/dist/analytics-debug-panel.zip)\n2. Open Firefox\n3. Go to the following URL in a new tab:  `about:debugging`\n4. Select `Enable add-on debugging` checkbox\n5. In the top right corner, Click **Load Temporary Add-on**\n6. Select the `analytics-debug-panel.zip` file\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eAdd to Opera\u003c/summary\u003e\n\n1. Download [Webkit Extension](https://github.com/redvanworkshop/analytics-debug-panel/raw/master/dist/analytics-debug-panel.crx)\n2. Go to the following URL in a new Opera tab:  `chrome://extensions/`\n3. In the top right corner, Enable **Developer Mode**\n4. Drag and Drop `analytics-debug-panel.crx` file into Extension page\n5. Select **Yes, Install** when prompted\n\n\u003c/details\u003e\n\n## Developers\n\n\u003e Here is how to develop the browser extension\n\n\u003cdetails\u003e\u003csummary\u003eSupport New Providers\u003c/summary\u003e\n\n\u003e Adding New Analytics Providers is Easy\n\n1. Create a new folder in `./src/providers` following the standard we have in place\n2. Create a new `index.js` file inside that new folder\n3. See `./src/providers/google-universal-analytics/index.js` for an example\n4. Submit a PR for use to review the new Providers\n5. High Five on a Job Well Done\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eBuild Extension\u003c/summary\u003e\n\n```bash\ngit clone git@github.com:redvanworkshop/analytics-debug-panel.git\ncd analytics-debug-panel\nnpm install\nnpm run build\n```\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eLoad Unpacked Extension to Google Chrome\u003c/summary\u003e\n\n1. Open Google Chrome\n2. Go to the following URL in a new tab:  `chrome://extensions/`\n3. In the top right corner, Enable **Developer Mode**\n4. Click the **LOAD UNPACKED** link in the header\n5. Select the `./analytics-debug-panel/build` folder\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eLoad Temporary Add-on to Firefox\u003c/summary\u003e\n\n1. Open Terminal in project root and run `npm run pack:zip`\n2. Open Firefox\n3. Go to the following URL in a new tab:  `about:debugging`\n4. Select `Enable add-on debugging` checkbox\n5. In the top right corner, Click **Load Temporary Add-on**\n6. Select the `analytics-debug-panel.zip` file\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eLoad Unpacked Extension to Opera\u003c/summary\u003e\n\n1. Open Opera\n2. Go to the following URL in a new tab:  `chrome://extensions/`\n3. In the top right corner, Enable **Developer Mode**\n4. Drag and Drop `./analytics-debug-panel/build` folder into Extension page\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003ePack Extensions\u003c/summary\u003e\n\n```bash\ncd analytics-debug-panel\nnpm run pack\n```\n\n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanifestinteractive%2Fanalytics-debug-panel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanifestinteractive%2Fanalytics-debug-panel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanifestinteractive%2Fanalytics-debug-panel/lists"}