What does this recipe do? Adds automatic scroll tracking to every page on your site and sends events to Google Analytics. By default, it tracks user scroll depth at the 25%, 50%, 75%, and 90% mark, but it can be customized.
All events (pushed to Google Analytics) are set as non-interaction hits, thus, they will not affect your bounce rate or time on website/page metrics.
INSTRUCTIONS
- Download Container File
Download the container JSON file (right-click on the link and click “Save Link As” or “Save Target As” to save the JSON file to your computer). - Import JSON File into GTM
Log into your own Google Tag Manager container and head to the Admin section of the site. Under Container options, select Import Container. Read this blog post for more details about importing a container file. - Insert your own GA4 measurement ID
In the GA4 event tag, you will find a field called “Measurement ID”. In this field, enter your GA4 property’s measurement ID.
- Preview & Publish
Use the Preview options to test this container on your own site. Try testing each of the events to make sure they’re working properly. If everything looks good, go ahead and publish!
View all 30+ Google Tag Manager Recipes