SpotHero Web Price Comparison Overlay

WHAT IT DOES

SpotHero Web Price Comparison Overlay reads parking lot prices and distance data from SpotHero search results pages and displays a floating price comparison overlay showing lot prices and distance from your destination. Each lot displays its name, price, distance, and rating when available. The cheapest lot is highlighted in green, and the closest lot is highlighted in blue. A best badge shows the cheapest and closest options. Preferred lot names can be set to appear with a gold highlight. The extension tracks lot viewing history per search, storing each lot listing with a timestamp. The panel displays your current destination, available lots with prices and distances, and the best value recommendations.

WHERE IT RUNS

This extension works on all SpotHero pages at spothero.com and its subdomains, specifically on search results pages where parking lot prices and distances are displayed. It runs on the main search results page, the map view, and any page displaying parking lot information. The extension operates entirely within your browser and does not access SpotHero's servers directly—it reads only what is visible on the page you are viewing. It works alongside the free BotGentz extension, which provides the necessary scripting environment.

HOW TO USE

Install the extension, then navigate to spothero.com and search for parking. The extension automatically creates a floating price comparison overlay on the page. Click the extension's icon in your browser toolbar to open the settings panel. Use the "Show Overlay" / "Hide Overlay" button to toggle the badge visibility. The overlay shows all lots with prices, distances, and ratings, with cheapest and closest highlighted. Use the "Refresh" button to manually update the overlay with the latest lot information. Enter preferred lot names in the preferences section to have them appear first with a star icon. The "Show distance" toggle controls whether distance information appears. Adjust the overlay transparency using the opacity dropdown (70%, 82%, 92%, or 100%). Drag the badge by clicking and holding anywhere inside it. Resize it by dragging the bottom-right corner. Close the badge with the × button.

PARKING LOT DATA EXTRACTION WITH DISTANCE PARSING AND BEST VALUE DETECTION

Unlike simple listing display tools, this extension uses a multi-selector extraction engine to find lot items, prices, and distances from SpotHero's varying page structures. It searches for lot items using multiple selector patterns (.lot-item, .parking-lot, .result-item) and falls back to text parsing. Prices are extracted from price selectors using number parsing. Distances are extracted from distance selectors and parsed using a distance parser that handles both miles and feet units, normalizing to miles for comparison. Ratings are extracted from rating selectors. The cheapest lot is identified by comparing all prices, and the closest lot is identified by comparing all distances. Per-search lot history is stored as a key-value object where keys are destination identifiers and values are arrays of lot records with timestamps, limited to 20 entries per destination. Preferred lot names are stored as an array and displayed with a gold highlight.

THE PANEL

The panel supports drag-to-move anywhere on the page. It remembers its position per site, so it stays where you placed it on spothero.com. Click the panel header to collapse it down to just the minimized bubble, or click the expand handle to show the full panel. The panel can be resized by dragging the bottom-right corner. Press the Escape key to close the expanded panel and return to the minimized state. All panel settings, including position, size, collapsed state, opacity, preferred lots, distance visibility, and lot history, are saved per site and persist across browsing sessions.

PLEASE NOTE

This extension requires the free BotGentz extension to be installed and active, as it provides the underlying DOM injection and script execution environment. SpotHero's website changes periodically, and lot element structures, class names, and page layouts may be updated. When that happens, the extension may stop detecting lot data until an update is released. The extension stores your overlay position, size, opacity, visibility, preferred lots, distance preference, and lot history locally in your browser's storage using GM_setValue. Lot history is stored as a key-value object where keys are destination identifiers and values are arrays of lot records. The lot data displayed is read from the page—the extension does not access SpotHero's internal pricing data. Always verify with SpotHero directly for the most accurate parking lot prices and availability. No data is ever sent to any server, and no personal information is collected. You can clear all stored settings at any time by clearing your browser data for spothero.com.