Tracking Scroll Depth to understand Bounce Rates

Open Google Tag Manager (GTM)

This exercise is assuming you’ve already setup and installed Google Tag Manager on your website.

Add a new Tag

• Select Google Analytics: Universal Analytics
• Track Type: Event
• Category: Scroll Depth
• Action: {{Page Path}}
• Label: {{Scroll Depth Threshold}}%
• Non-Interaction Hit: True
• Google Analytics settings: {{GA}} (If not set up, see below)
• Save Tag

Add a Google Analytics Variable

Skip this step if you’ve already setup Google Analytics Variables.

• Click on New Variable …
• Add your Google Analytics ID
• If you aren’t sure where to find it, here is how to find your ID.
• Save your new variable.

Add a Scroll Depth Variable

• Select Variables from the left navigation
• Click on Configure in the top right corner
• Select all three Scroll Variables
• Save

Add a Trigger

• Venture back to your Tags
• Select your Scroll Trigger Tag
• Add a Trigger at the bottom
• Select Trigger Type: Scroll Depth
• Check Vertical Scroll Depth
• Pick Percentages
• Add: 25, 50, 75, 100
• Enable this trigger on: Window Load (gtm.load)
• This trigger fires on: All Pages (select Some Pages if you want to specify which pages it loads on)
• Save

Publish in GTM

Publish your new Tag/Tigger in Google Tag Manager.

Next, in Google Analytics

• Under Admin in GA
• Select Goals
• Create a new Goal (+ NEW GOAL)
• Goal setup: Custom
• Goal description 
  • Name: Scroll Depth
  • Type: Event
• Goal details: 
  • Category (Equals to): Scroll Depth
  • Label (Equals to): 50%
• Save