Browser height

The ‘Browser height - bucketed’ dimension shows the height of the browser window, classified into predefined groups. This dimension is useful when you want to understand where the “fold” is on your site to visitors. Understanding where your fold is can allow you to optimize content for viewing.

This dimension is different from screen height. Browser height is the number of pixels within the viewable browser space, while screen height is the height of the entire monitor in pixels. If you would like to see the difference between these two variables on your own machine, open the browser console (F12 on most browsers) and copy + paste the following code into the console:

console.log(`Browser height: ${window.innerHeight} pixels\nScreen height: ${screen.height} pixels`);

Browser height is typically smaller than or equal to screen height, since browser height doesn’t include browser navigation or borders.

Populate this dimension with data

Browser height is collected automatically, client-side, from the browser’s window.innerHeight property. It works out of the box in any AppMeasurement or Web SDK (tags) implementation — there is no variable to set. If you collect data outside of AppMeasurement or the Web SDK (such as through the API), send the value on the first hit of each visit. If the browser height is adjusted mid-visit, the adjustment is not recorded.

Dimension items

Dimension items include all collected browser heights, classified into predefined groups. For example, if the browser height of a hit is 720, then it is grouped in the dimension item 700 to 799.