Troubleshooting

Scroll Depth Tracking Not Working on Webflow

3 min read··By the TrackingCoder team
🔧

Common reasons scroll-depth tracking doesn’t fire

  1. GTM container not published - You imported the container but didn’t click Submit → Publish.
  2. GTM snippet not installed on your site - The GTM code needs to be in your site’s <head> and <body>.
  3. Page is shorter than the viewport - If the page content fits entirely on screen without scrolling, scroll depth events will never fire because there’s nothing to scroll.
  4. Lazy-loaded content changes the page height - If images or sections load as the user scrolls, the total page height keeps changing. A 50% scroll threshold might be reached earlier or later than expected.
  5. Scroll hijacking by plugins or themes - Some themes and plugins override native scrolling with custom JavaScript scroll behaviour. GTM’s built-in Scroll Depth trigger may not detect these custom scroll events.

Step-by-step debugging checklist

  1. Verify GTM is installed - Visit your site, right-click → View Page Source, search for “GTM-”. If you don’t see it, GTM isn’t installed.
  2. Check GTM Preview mode - In GTM, click Preview. Navigate your site and trigger the event. Look for your tag in the Tags Fired section.
  3. Check the trigger - If the tag shows as “Not Fired”, click on it to see which trigger conditions aren’t met.
  4. Check the page height - Open DevTools console and run document.documentElement.scrollHeight. If it’s close to window.innerHeight, the page isn’t scrollable.
  5. Test with the GTM Scroll Depth trigger - Create a Scroll Depth trigger set to Vertical Scroll Depths at 25, 50, 75, 90 percent. Open GTM Preview, scroll the page, and check whether scroll events appear in the event timeline.

Webflow-specific issues

Webflow sites use native browser scrolling by default, so GTM’s Scroll Depth trigger works well. However, if you’ve implemented custom scroll-based Interactions in Webflow, they may affect scroll behaviour. Test with GTM Preview to confirm scroll depth events fire at the expected thresholds.

How to verify it’s working

  1. Open GTM Preview/Debug mode
  2. Navigate to your site
  3. Trigger the event (scroll down the page)
  4. Check the GTM debug panel - your tag should appear under “Tags Fired”
  5. Check GA4 DebugView (GA4 → Admin → DebugView) to confirm the event arrived

Still didn’t work?

Our team can help. Describe what’s happening and we’ll get back to you within 24 hours.

Still didn't work? Report this issue

Fill in the details below and our team will review it within 3-5 business days. We aren't obliged to refund - but if we genuinely can't make it work, we may credit you back. Either way, your credits remain usable on a different event or site.

No need to type https:// - we'll add it for you.

Min 20 characters (0/20).

Context automatically included: scroll depth tracking on webflow

Skip the manual setup

TrackingCoder detects your CMS and plugins automatically, then generates ready-to-use tracking code. No more adapting generic tutorials - get code tailored to your exact setup in under 2 minutes.

Try TrackingCoder Free →

2 free credits on signup. No card required.