scotthavard92/kb2.md

## kb2.md

      
    Raw
  

              kb2.md
            
          
    Mixpanel Implementation Inspector — Help Guide

This Add-on grabs events and properties that head to Mixpanel, and breaks the network request into human readable form.
This tool should be used when debugging a Mixpanel implementation on your own site during development.

Installation


Download or clone the extension from GitHub
Open Firefox and navigate to about:debugging
Click This Firefox in the left sidebar
Click Load Temporary Add-on...
Select the manifest.json file from the extension folder
The extension is now active


Note: Temporary add-ons are removed when Firefox is closed. For persistent installation, the extension would need to be submitted to the Firefox Add-on store.


Setup

Once installed, open the sidebar panel:

In the Firefox menu bar, go to View > Sidebar > Mixpanel Implementation Inspector
The sidebar will open on the left side of the browser


Usage

With the sidebar open:

Navigate to your site that has Mixpanel installed
Interact with the site — click buttons, submit forms, navigate pages — anything that triggers Mixpanel events
Events and profile updates will appear in the sidebar in real time

The sidebar clears automatically when you navigate to a new page, so what you see always reflects the current page's activity.

Understanding the Sidebar

The sidebar has two sections:
Events

Displays any Mixpanel tracking events (track calls) fired on the current page.
Each entry shows:

Event Name — the label passed to mixpanel.track()
Properties — all key-value pairs attached to the event

Example:
Event Name: Button Clicked
Properties:
  button_label: Sign Up,
  page: /home,
  user_id: 98765,

Profile Updates

Displays any Mixpanel user profile updates (people.set calls) fired on the current page.
Each entry shows:

Properties — the profile attributes being set on the user

Example:
Properties:
  email: user@example.com,
  plan: Pro,
  signup_date: 2024-06-01,


Troubleshooting

Nothing is appearing in the sidebar

Confirm the site you're on actually uses Mixpanel. If there's no Mixpanel SDK loaded, there's nothing to capture.
Make sure the sidebar is open before triggering events — the extension only displays requests that occur while the sidebar is active.
Try reloading the page with the sidebar open and re-triggering the events.

I see events but properties are missing

Some implementations send events with few or no custom properties. The event name should still appear even if the properties list is sparse.

The sidebar cleared and I lost my data

Data is cleared automatically on page navigation. If you need to preserve what you saw, copy it from the sidebar before navigating away.


Limitations


Firefox only — this extension uses the Firefox WebExtensions API and is not compatible with Chrome or other browsers
Mixpanel only — the extension only monitors requests to api-js.mixpanel.com. Other analytics tools are not captured
Outgoing requests only — the extension reads data being sent to Mixpanel; it does not access Mixpanel's dashboards or stored data
No configuration — there are no settings to adjust; the extension works automatically once installed


Source

https://github.com/scotthavard92/Mixpanel-Implementation-Inspector
No results found