First time setting up a Snapshot? See our Snapshots overview guide for guidance on how to set these up.
You can capture screen dimensions to attach to a pageview event by using the JavaScript snapshot example below. We recommend attaching this event to a ‘view any page’ event, which will attach it to all pageviews.
Name: Screen Dimensions
JavaScript Snapshot: window.screen.width + ' x ' + window.screen.height
To analyze this Snapshot, set up a Usage over time chart and group by this property to make sure that your product looks good on all the most popular screen sizes. This is handy for both designers and product managers.
An example screenshot of how this would look on the Event details page in Heap can be found on the Pageview Snapshots page.