Appcues Web Flow Analytics Overlay

WHAT IT DOES

This userscript helps product teams analyze Appcues flow performance by displaying completion rates, drop-off points, and funnel analytics directly on the dashboard. It scans Appcues flow analytics dashboard pages for flow performance data, completion rates, step drop-offs, and user engagement metrics. It then displays a visual overlay or panel showing aggregated flow analytics at a glance, highlighting flows with the highest and lowest completion rates, step-by-step conversion funnels, and drop-off points. The script also displays average time spent per step, compares flows against each other, and exports flow analytics as JSON or CSV. It surfaces actionable insights like "Flow X has 60% drop-off at step 3" to help you identify optimization opportunities.

WHERE IT RUNS

The script runs on Appcues flow analytics 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 flow 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 Appcues 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 bar charts of step completion. Click "Scan flow analytics" to manually analyze the page. The badge displays the average completion rate, overall status, and key insights. The panel shows a full breakdown: each flow's name, starts, completions, completion rate, step count, drop-off points, funnel visualization, and actionable insights. Use "Clear analytics" to remove all overlays.

THE TECHNICAL MECHANISM

This script uses DOM traversal and pattern matching to extract flow data from Appcues dashboard pages. It scans for flow elements using selectors like .flow, .onboarding-flow, .user-flow, .flow-analytics, [class*="flow"], and [class*="onboarding"]. For each element, it extracts the flow name from title elements, starts count using patterns like "X starts" or "X views", completions count using "X completions" or "X finished", 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 bar chart representing the drop-off across steps. The insights engine generates recommendations based on low completion rates, high drop-offs, and performance outliers. 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 Appcues flow analytics dashboards; it may work on other user onboarding platforms but is not guaranteed. The extraction relies on the current HTML structure of Appcues—if Appcues 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 insights are generated from the extracted data and are suggestions, not definitive analysis. The script does not access your Appcues 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.