Track Ecommerce Pages with Screenshots and Extracted Prices | ScreenshotCenter
Combine visual screenshots with structured data extraction to monitor competitor pricing, localized product pages, and promotions across countries.
Why visual + structured data?
Price monitoring tools typically extract numbers from HTML. But numbers alone miss context: is the price crossed out (on sale)? Is there a "member-only" badge? Does the page show "out of stock"? Screenshots add the visual layer that structured data cannot capture.
ScreenshotCenter lets you capture both in a single request: a full-page screenshot and extracted values from the DOM using data trackers. This article shows how to build an ecommerce monitoring workflow that combines both.
Setting up the workflow
- Define your target pages: List competitor product URLs, your own pricing pages, and marketplace listings.
- Configure data trackers: In the ScreenshotCenter dashboard, define CSS selectors for the values you want to extract — price, product name, availability, promotion badge.
- Set the country: Use
countryto capture localized pricing. A product on Amazon.co.uk shows £, while the same product on Amazon.de shows €. - Schedule captures: Use the batch API or a cron job to capture daily (or more frequently for flash sales).
Request example with data extraction
curl -X POST https://api.screenshotcenter.com/v1/screenshot \
-H "X-API-KEY: YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"url": "https://www.example.co.uk/product/12345",
"country": "gb",
"format": "png",
"size": "page"
}'The response includes the screenshot ID, which you can use to retrieve both the image and any configured tracker values.
Geo variants: capturing prices across countries
The same product often has different prices in different countries. Capture variants by running parallel requests with different country values:
| Country | Code | Currency | Example site |
|---|---|---|---|
| United Kingdom | gb | GBP (£) | amazon.co.uk |
| Germany | de | EUR (€) | amazon.de |
| United States | us | USD ($) | amazon.com |
| France | fr | EUR (€) | amazon.fr |
| Japan | jp | JPY (¥) | amazon.co.jp |
Store screenshots per country and date for historical comparison. The UK capture guide covers UK-specific rendering in detail.
Building alerts and reports
- Price drop alerts: Compare extracted prices with previous values. Trigger a Slack or email notification when a competitor drops below your price.
- Visual diff: Compare today's screenshot with yesterday's to spot layout changes, new badges, or out-of-stock indicators.
- Weekly report: Generate a PDF or dashboard showing price trends, screenshots, and extracted data across all monitored pages.
Batch monitoring
For large-scale monitoring (hundreds or thousands of product pages), use the batch API to submit all URLs at once. Each completed screenshot triggers your webhook and optional S3 delivery.
FAQ
How often should I capture prices?
Daily is sufficient for most products. For flash sales, limited-time offers, or highly competitive categories, capture every 4–6 hours.
Can I extract prices from JavaScript-rendered pages?
Yes. ScreenshotCenter uses real Chromium browsers that fully execute JavaScript. Data trackers work on the rendered DOM, not the raw HTML source.
What if the page layout changes and my selector breaks?
Data trackers return empty values when a selector doesn't match. Monitor for missing values and update selectors as needed. Screenshots provide visual context to diagnose what changed.
Start monitoring today. Set up an ecommerce monitoring workflow.