Seen on screen

Mark your pricing table, sign-up box or call to action and see what share of page views actually got that far.

Events & revenueFeature page: Seen on screen: did people even see it?

Seen on screen: example screenshot — Example screenshot with made-up data, not a real customer’s numbers.

What it does

A Seen on screen card on your dashboard: for each element you marked, on each page, how many page views saw it and what share of that page’s views that is, with the least-seen element called out.

Why it matters

A sign-up box nobody clicks might be badly worded, or nobody might scroll that far. Knowing that only 30% of visitors ever see your pricing table tells you to move it up before you rewrite it.

How to use it

Open your dashboard, find Seen on screen and open Set it up. Copy the seen.js line (your site ID is filled in) and paste it next to your quietstats tag.
Add data-qs-view="Name" to each element you care about, such as data-qs-view="Pricing table" on your pricing section.
Visit the page and scroll to it once; from then on the card shows each element’s seen rate on its page. Start with the least-seen element.

How it works

Add the small seen.js add-on next to your quietstats tag (it sends no pageviews).
Give each element you care about a name: data-qs-view="Pricing table" on the section, box or button.
When at least half of a marked element is on screen (or it fills half the screen, for tall sections), the add-on sends its name once for that page view. At most 20 names per page view.
quietstats divides the times each element was seen by the page views of its page, so you get a seen rate per element and page.

From the seen.js code. script.js is unchanged; the add-on is a separate file you choose to add.

Privacy

Collected: The name you gave the element (max 60 characters), page path and day
Collected: Never scroll positions, how long something was on screen, what anyone types, or anything about the visitor
No cookies, and nothing stored on the visitor’s device.
Reports show totals only: never a visitor list, IP address or single visit.

Limits

Optional add-on: script.js stays 845 bytes
Only elements you mark are counted
Seen means half on screen once; it does not mean read
Not affected by dashboard filters
Rows: 1 written per marked element seen per page view (20 at most); 2 reads per dashboard view

Plans

Every plan, including Free. quietstats is free during launch: the Free plan covers 1 site and 5,000 pageviews a month, and no card is needed. See pricing.

Questions

Is this a scroll map or heatmap?

No. Nothing about scrolling is recorded. You only learn whether each element you named was seen in a page view, as a total.

Does it work on single-page apps?

Yes. Elements added later are picked up, and a route change through the history API starts a new page view, so each element can count again.

How is this different from scroll depth?

Scroll depth tells you how far down the page people went in general. Seen on screen tells you about the specific things you care about, wherever they sit on the page.

Set it up

Show the install snippet

HTML

<script data-host="https://quietstats.co.uk" data-site="YOUR_SITE_ID" data-dnt="true" src="https://quietstats.co.uk/js/seen.js" async defer></script>
<section data-qs-view="Pricing table">…</section>

Replace YOUR_SITE_ID with the ID shown on your site’s Manage page.