Scroll Depth Conversion

Track a conversion when a visitor reaches a chosen percentage of the page (e.g., 50%, 75%, 90%). Great for measuring content engagement on long articles, landing pages, and guides.

What it is

Scroll Depth fires once per visit when the bottom of the visitor’s viewport crosses your selected percentage of the page’s total height. It’s a lightweight way to see whether people actually read past the hero and not just land and bounce.

---

When to use it

• Long-form posts, documentation, sales pages

• Landing pages that don’t have a clean button/thank-you to track

• Above-the-fold tests (does Variant B keep readers going?)

• As a supporting goal alongside a revenue or click goal

---

How it works (in AB Split Test)

1. We watch the visitor’s scroll position.

2. When the viewport passes your threshold (e.g., 70%), we record one conversion for that session.

3. If content height changes (lazy images, accordions, infinite sections), the calculation updates as they scroll.

Note: Fires once per visit for the page under test.

---

Set it up

1. Create or edit your test.

2. In Goal, choose Scroll Depth.

3. Enter a percentage (just the number, e.g., 70).

4. Save and launch.

---

Research-backed guidance (what % to choose)

• 50% – Solid default for blogs and mid-length pages.

• 70–80% – Better signal for long-form content and sales pages.

• ≤30% – Use only for CTA-first layouts where the key action is very high on the page; otherwise it overcounts casual scrollers.

• 90% – Use sparingly; on mobile and shorter screens it can undercount.

Pro tip: Pick the UX breakpoint you care about (e.g., “Do they reach the pricing table at ~65%?”) and set your threshold to that. Don’t chase 100% by default.

---

Turn insight into action (what to test next)

• Find “false bottoms.” If engagement drops before a key section, add a visual cue (divider/chevron), shorten copy, or move the section up.

• Move the CTA to the scroll breakpoint. If most readers reach ~60%, place a secondary CTA around there and test the label/format.

• Tighten the hero. If 50% is weak, test a shorter hero, a benefits-first subhead, or a proof bar under the CTA.

• Add in-line navigation. Jump links (“Overview • Pricing • FAQ”) can lift mid-page engagement—test placement and style.

---

QA checklist

• The page is tall enough to reach your threshold.

• Test mobile and desktop (shorter viewports behave differently).

• Pages that load with an anchor (e.g., #pricing) or auto-scroll may trigger immediately—pick a different goal or raise the threshold.

• With infinite scroll or heavy lazy loading, confirm the conversion still fires near the intended point.

• Use an incognito window for clean tests; each visit can trigger once.

---

Best practices

• Treat Scroll Depth as engagement, not the final KPI; pair it with a harder goal for decisions.

• For Multi-Armed Bandit, prefer fast, meaningful goals (click/purchase). Scroll Depth is fine as a secondary signal.

• Consider adding a secondary CTA at or just before your threshold to turn attention into action.

---