Chameleon Web Tour Completion Rate Badge

WHAT IT DOES

This userscript helps product managers and developers analyze Chameleon product tour performance by displaying completion rates and drop-off analytics directly on the dashboard. It scans Chameleon product tour and microsurvey dashboard pages for tour completion data, engagement metrics, and step counts. It then displays a visual badge or panel showing completion rates, the most common drop-off steps, step-by-step conversion metrics, and a funnel visualization of each tour. The script highlights the percentage of users who completed each step, compares completion rates across different tours, and shows average time spent per step. It also exports tour analytics as JSON or CSV for deeper analysis.

WHERE IT RUNS

The script runs on Chameleon product tour and microsurvey dashboard pages. It works entirely within your browser, reading only the visible content of the current page. It does not track your browsing history, access other tabs, or send any data externally. All tour data is processed locally.

HOW TO USE

After installation, open the panel by clicking the tool's icon in the BotGentz sidebar. The script auto-scans Chameleon dashboard pages on load (toggle this on/off). Choose your display mode—"Badge only" shows a floating badge in the corner, "Panel only" shows details in the panel, or "Both" shows both. Toggle "Show funnel visualization" to display a bar chart of step completion. Click "Scan tour data" to manually analyze the page. The badge displays the average completion rate, overall status, best and worst performing tours. The panel shows a full breakdown: each tour's name, starts, completions, completion rate, steps, and a funnel visualization. Use "Clear data" to remove all overlays.

THE TECHNICAL MECHANISM

This script uses DOM traversal and pattern matching to extract tour data from Chameleon dashboard pages. It scans for tour elements using selectors like .tour, .guide, .onboarding, .walkthrough, [class*="tour"], and [class*="guide"]. For each element, it extracts the tour name from title elements, starts count using patterns like "X starts" or "X views", completions count using "X completions" or "X completed", and completion rate using "X% completion" patterns. It also detects step data from "step X" patterns and identifies drop-off points using "drop-off at step X" patterns. The script calculates completion rate if not explicitly provided. The funnel visualization is a simplified bar chart representing the drop-off across steps. The panel displays each tour with its metrics and the funnel bars color-coded to show drop-off points. All settings are persisted locally.

THE PANEL

The panel is draggable anywhere on the screen and remembers its position between sessions. It can be collapsed to a small floating bubble to minimize distraction, and expanded again with a single click. The panel's width can be adjusted, and pressing the Escape key closes it instantly. All settings—display mode, show funnel, and auto-scan—are persisted locally using GM_setValue, so your preferences remain intact across page reloads and browser restarts.

PLEASE NOTE

This userscript requires the free BotGentz extension to function. The script is designed for Chameleon product tour dashboards; it may work on other onboarding analytics platforms but is not guaranteed. The extraction relies on the current HTML structure of Chameleon—if Chameleon updates its UI, the script may need to be updated. The funnel visualization is a simplified representation based on available data; actual step completion metrics may vary. The script does not access your Chameleon account or API; it only reads what is visible on the page. No data from your browsing is stored or transmitted anywhere—all processing occurs entirely in your browser.