Behance Project View Count Badge

WHAT IT DOES

This userscript helps designers and creative professionals quickly gauge the popularity of Behance projects by displaying key metrics directly on thumbnails and in a summary panel. It scans Behance gallery and project detail pages to extract view counts, appreciation (heart) counts, and comment counts. For each project, it displays a badge with the metrics you choose: views (👁️), appreciations (❤️), comments (💬), and the view-to-appreciation ratio (📊). The badge appears directly on project cards in gallery views or on the project header in detail views. It can rank projects by popularity, highlight those above a view count threshold, and track historical trends if you've visited the same project before.

WHERE IT RUNS

The script works on Behance pages—gallery views, project grids, search results, and individual project detail pages. It runs 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 settings are stored locally in your browser using GM_setValue.

HOW TO USE

After installation, open the panel by clicking the tool's icon in the BotGentz sidebar. Choose your display mode—"Badge only" shows metrics on each project card, "Panel only" shows a summary list in the panel, or "Both" shows both. Select which metrics to display: views only, views + appreciations, views + ratio, or all metrics. Set a highlight threshold to visually emphasize projects with high view counts (e.g., 1000+ views). Toggle "Show panel summary" to display a ranked list of projects with their metrics. Toggle "Auto-scan on page load" to automatically analyze pages when you visit them. Click "Scan and display" to run the script manually, or "Clear badges" to remove all overlays.

THE TECHNICAL MECHANISM

This script uses DOM traversal and pattern matching to extract metrics from Behance pages. It scans for project elements using common Behance selectors like .project-card, .ProjectCard, .cover-project, and [data-project-id]. For each project element, it extracts text and applies regex patterns to find view counts (e.g., "123 views"), appreciation counts (e.g., "456 appreciations" or "456 hearts"), and comment counts. The view-to-appreciation ratio is calculated as a percentage. The script injects a badge div into each project element with the selected metrics, styled with a dark semi-transparent background. It can also build a ranked summary panel sorted by view count. The script does not call any external APIs—all extraction and calculation is performed locally on the page content.

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, metrics selection, highlight threshold, show panel, 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 Behance; it may work on other portfolio sites with similar structures but is not guaranteed. The metric extraction relies on the current text patterns on Behance—if Behance changes their UI or text formatting, the script may need to be updated. The script does not access your Behance account credentials or API; it only reads what is visible on the page. The view-to-appreciation ratio is a rough indicator of engagement and should be interpreted with context. No data from your browsing is stored or transmitted anywhere—all processing occurs entirely in your browser.