In this article, we are going to track scroll event on Tesla’s official website. Normally, enhanced measurement in GA4 has automatic scroll event feature but this triggers only for 90% threshold. Just disable it because we are going to track other scrol depth thresholds with GTM.

Lets begin. First of all, please enable all scroll related built-in variables in GTM. Then we need to create scroll trigger. GTM offers us ready-to-use trigger template so we are going to use it. I selected 50% and 80% depth. This trigger should work on all pages.

Now click preview mode and see the first results. Below, it is seen that scroll trigger works properly. The parameter we need to use it “Scroll Depth Threshold”. We are going to use this in GA4 event. Then lets create the GA4 event now.

This is our GA4 event tag. Percent scrolled paramter is already defined in GA4. We understand this from the little check mark on right hand side. That’s why there is no need to register this parameter again.

Testing

GTM Preview Mode

We see that event tag is successfully fired. It contains the correct parameter value. Also, if you check Google hits by cliking the Google Tag above, you will see that there are correct scroll hits with correct information.

GA4 Debug View

It is seen that debug view works fine as well. This test method is one of the most important check points.

Developer Tool – Network

In this test, we are looking for analytics hit that is related to our event. Be sure that preserve log button is enabled. In request URL, “en” stands for event name and “ep” stands for event parameter. This method is also seem confirmed.

Overall, our scroll event is set up correctly and ready to make GA4 reports after 48 hours. This article was a practical illustation of a GTM implementation.