Adobe XD Web Share Link Analytics

WHAT IT DOES

This userscript adds a comprehensive analytics dashboard to your Adobe XD shared prototype pages. It reads view counts, comment counts, likes, shares, and average time spent from the page, then presents these metrics in a clean, color-coded dashboard. A performance indicator shows whether your prototype is performing well (good, average, or low) based on view count. The dashboard displays key metrics in a grid format: views, comments, likes, and shares, each with its own color coding. The engagement rate shows the percentage of viewers who interacted with your prototype (likes + comments + shares divided by views). A historical trend chart tracks views over time, helping you understand engagement patterns and the impact of sharing your prototype. This is invaluable for UX designers, product managers, and marketing teams who need to measure the reach and engagement of their shared prototypes, understand what content resonates with audiences, and make data-driven decisions about design iterations.

WHERE IT RUNS

The script runs on all Adobe web application pages at *.adobe.com/*, with automatic detection of XD shared prototype pages (paths containing /xd/ or /share/). It works across all Adobe XD web interfaces by using multiple selector strategies to find view counts, comment counts, engagement metrics, and prototype names. The script detects dynamic content loading and re-renders the dashboard when the page updates. It runs across the entire Adobe domain, ensuring coverage whether you're viewing a shared prototype link, a design review page, or a published XD project.

HOW TO USE

Install the script via the BotGentz extension and open any Adobe XD shared link. The analytics dashboard will appear automatically, showing your prototype's performance metrics. The dashboard displays total views, comments, likes, and shares in a metrics grid, along with a performance badge (Good, Average, or Low). Engagement rate and average time spent are shown below. A historical trend chart tracks your views over time (saved locally). Use the panel controls to customize your experience: toggle the dashboard on or off, show or hide the engagement rate, enable or disable the trend chart, or control auto-refresh on page load. The "Refresh data" button manually rescans the page for updated metrics, and the "Copy summary" button exports the analytics summary to your clipboard for reporting.

THE MECHANISM - METRIC EXTRACTION, PERFORMANCE ASSESSMENT, AND HISTORICAL TRACKING

This script identifies analytics data by scanning the DOM for known Adobe XD shared page elements. It uses a cascading selector strategy that looks for view counts (.view-count, .views, .stats-views), comment counts (.comment-count, .comments), likes (.like-count, .likes), shares (.share-count, .shares), and time spent (.time-spent, .avg-time). Prototype names are extracted from title elements. When direct selectors fail, the script analyzes text content for numeric patterns. The performance indicator uses a simple threshold system: 100+ views is "Good," 30-99 views is "Average," and below 30 is "Low." Engagement rate is calculated as (likes + comments + shares) / views × 100. For historical tracking, the script stores daily view counts in GM_setValue keyed by the prototype name, allowing the trend chart to show up to 30 days of history. The trend chart is rendered using the HTML5 Canvas API with a line chart showing view counts over time.

THE PANEL

The control panel appears as a floating, draggable element that you can position anywhere on the Adobe XD page. Drag by the header to reposition it, and the position is saved per site using GM_setValue so it stays where you left it across sessions. Release the panel near any edge and it snaps into place, keeping your workspace organized. Click the panel header to collapse it into a small bubble showing only the chart emoji (📊), minimizing distraction while keeping controls accessible. Drag from the bubble to restore the full panel. The panel automatically resizes to fit its content and includes the metrics grid, performance indicator, engagement display, trend chart, and settings controls. Press the Escape key to quickly collapse the panel to its minimized state. The panel remains visible across page navigation within Adobe XD, with the dashboard updating automatically as you move between prototypes.

PLEASE NOTE

This script requires the free BotGentz extension to function. It is designed for Adobe XD users who need to track the performance of shared prototypes. The script reads only visible data from the DOM—it does not access Adobe's API, your account credentials, or any sensitive information. All settings (dashboard visibility, engagement toggle, trend chart toggle, auto-refresh, historical view data, and panel position) are stored locally using GM_setValue and never leave your browser. The script does not modify your Adobe data—it only reads and visualizes visible metrics. The performance indicator is based on view count only; engagement rate is provided as additional context. Historical tracking is stored per prototype name; if multiple prototypes share the same name, their data will be combined. If Adobe updates its website structure, the script may need to be updated to match new selectors. The trend chart requires at least two data points to display; new prototypes will show a message indicating insufficient data.