{"id":16950,"date":"2026-07-21T21:29:41","date_gmt":"2026-07-21T21:29:41","guid":{"rendered":"https:\/\/e-dialog.group\/blog\/matomo-scroll-tracking-setup-with-tag-manager-insightful-reporting\/"},"modified":"2026-07-22T12:24:56","modified_gmt":"2026-07-22T12:24:56","slug":"matomo-scroll-tracking-setup-with-tag-manager-insightful-reporting","status":"publish","type":"post","link":"https:\/\/e-dialog.group\/en\/blog\/matomo-scroll-tracking-setup-with-tag-manager-insightful-reporting\/","title":{"rendered":"Matomo Scroll Tracking: Setup with Tag Manager & Insightful Reporting"},"content":{"rendered":"
\n
\n

To understand user behavior, it’s not enough to simply count page views. When you publish long-form content, articles, or landing pages, you need to know whether visitors are actually reading your text or leaving the page right after the hero section. That’s where scroll tracking comes in. <\/p>\n

Although Matomo has built-in features, using a custom JavaScript solution via the Matomo Tag Manager (MTM) gives you detailed control over your data, prevents server overload since the code is triggered only once per page, and consolidates the data in a clear, organized way for reporting.<\/p>\n <\/div>\n<\/div>

\n
\n

Step 1: The custom JavaScript<\/h2>\n

Instead of triggering an event every time a user scrolls a few pixels, the following script calculates the maximum scroll depth<\/strong> and only sends the data to the data layer when the user leaves the page (beforeunload event).<\/p>\n

It calculates the percentage of the way through the document and organizes it into clear groups (0%, 25%, 50%, 75%, 100%). It also calculates the total height of the document to provide context for the page length. <\/p>\n

This script is implemented using a custom HTML tag<\/strong> in Matomo Tag Manager that is triggered on a “Pageview”:<\/p>\n <\/div>\n<\/div>

\n
\n


\n