<\/span><\/h3>\nAuto-event tracking involves using built-in GTM features such as Triggers<\/strong> and Variables<\/strong> that automatically detect specific user interactions with your website or app. For example, you can track clicks on buttons, form submissions, link clicks, and even video engagements.<\/p>\nGTM provides the following key triggers for auto-event tracking:<\/p>\n
\n- Click Triggers<\/strong> (for clicks on links, buttons, or other elements)<\/li>\n
- Form Submission Triggers<\/strong> (for form submissions)<\/li>\n
- Scroll Depth Triggers<\/strong> (for tracking how far down a page users scroll)<\/li>\n
- Video Triggers<\/strong> (for interactions with embedded videos, e.g., YouTube or Vimeo)<\/li>\n<\/ul>\n
<\/span>2. Setting Up Auto-Event Tracking<\/strong><\/span><\/h3>\nLet\u2019s go through the process of setting up auto-event tracking in GTM for common use cases:<\/p>\n
<\/span>2.1 Tracking Clicks on Buttons or Links<\/strong><\/span><\/h4>\nTo track clicks on specific buttons or links, you need to create a Click Trigger<\/strong> in GTM that will fire when a user clicks on an element of interest (e.g., a button or a link).<\/p>\n<\/span>Steps to Track Button Clicks:<\/span><\/h5>\n\n- Go to Google Tag Manager<\/strong> and open your container.<\/li>\n
- Create a new Trigger:<\/strong>\n
\n- Navigate to Triggers<\/strong> > New<\/strong>.<\/li>\n
- Choose the Click \u2013 All Elements<\/strong> trigger type. This will capture all click interactions on the page.<\/li>\n<\/ul>\n<\/li>\n
- Configure Trigger Conditions:<\/strong>\n
\n- Under Trigger Configuration<\/strong>, select Some Clicks<\/strong> if you want to specify which buttons or links to track.<\/li>\n
- Define conditions based on the element\u2019s attributes (such as Click Classes<\/strong>, Click ID<\/strong>, or Click Text<\/strong>) to identify which specific elements you want to track. For example:\n
\n- Click Classes<\/strong> =
cta-button<\/code> (if your button has this class).<\/li>\n- Click ID<\/strong> =
submit-button<\/code> (if your button has this ID).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n- Save the Trigger<\/strong>.<\/li>\n
- Create a Tag to Fire with This Trigger:<\/strong>\n
\n- Create a tag (e.g., a Google Analytics event tag) that will fire when the button is clicked.<\/li>\n
- Under the Tag Configuration<\/strong>, choose Google Analytics: Universal Analytics<\/strong> or a similar tag type.<\/li>\n
- Set the Track Type<\/strong> to Event<\/strong>, and configure the event category, action, and label (e.g.,
Category: Button Click, Action: Submit, Label: Contact Us Button<\/code>).<\/li>\n- Attach the Click Trigger<\/strong> you created to this tag.<\/li>\n<\/ul>\n<\/li>\n
- Test and Publish:<\/strong>\n
\n- Use GTM\u2019s Preview Mode<\/strong> to test the trigger and verify that the event fires correctly when the button is clicked.<\/li>\n
- Once tested, publish the container.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
<\/span>2.2 Tracking Form Submissions<\/strong><\/span><\/h4>\nForm submissions can be automatically tracked with a Form Submission Trigger<\/strong>. This is useful for tracking when users submit a contact form, a newsletter sign-up, or other types of forms.<\/p>\n<\/span>Steps to Track Form Submissions:<\/span><\/h5>\n\n- Go to GTM<\/strong> and create a new trigger:\n
\n- Navigate to Triggers<\/strong> > New<\/strong>.<\/li>\n
- Select Form Submission<\/strong> as the trigger type.<\/li>\n<\/ul>\n<\/li>\n
- Configure Trigger Conditions<\/strong>:\n
\n- Select Some Forms<\/strong> to track only specific forms.<\/li>\n
- You can use variables such as Form ID<\/strong> or Form Classes<\/strong> to identify the form you want to track. For example:\n
\n- Form ID<\/strong> =
newsletter-form<\/code> (if your form has this ID).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n- Save the Trigger<\/strong>.<\/li>\n
- Create a Tag to Fire on Form Submission:<\/strong>\n
\n- Create a tag (e.g., Google Analytics Event Tag) that fires when the form is submitted.<\/li>\n
- Under Tag Configuration<\/strong>, select Google Analytics: Universal Analytics<\/strong> or similar.<\/li>\n
- Set Track Type<\/strong> to Event<\/strong>, and configure the event parameters (e.g.,
Category: Form Submission, Action: Contact Form, Label: Newsletter<\/code>).<\/li>\n- Attach the Form Submission Trigger<\/strong> you created to this tag.<\/li>\n<\/ul>\n<\/li>\n
- Test and Publish:<\/strong>\n
\n- Test the form submission in GTM\u2019s Preview Mode<\/strong> to ensure the tag fires correctly.<\/li>\n
- Once verified, publish the changes.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
<\/span>2.3 Tracking Video Interactions<\/strong><\/span><\/h4>\nIf you have embedded videos on your site (e.g., YouTube or Vimeo), you can use GTM\u2019s Video Trigger<\/strong> to track interactions such as play, pause, and video completion.<\/p>\n<\/span>Steps to Track Video Interactions:<\/span><\/h5>\n\n- Go to GTM<\/strong> and create a new trigger:\n
\n- Navigate to Triggers<\/strong> > New<\/strong>.<\/li>\n
- Choose YouTube Video<\/strong> (for YouTube videos) or Vimeo Video<\/strong> (for Vimeo videos).<\/li>\n<\/ul>\n<\/li>\n
- Configure the Trigger<\/strong>:\n
\n- You can configure the trigger to fire on different video events such as:\n
\n- Start<\/strong> (video begins)<\/li>\n
- Pause<\/strong> (video is paused)<\/li>\n
- Complete<\/strong> (video reaches the end)<\/li>\n<\/ul>\n<\/li>\n
- You can also track specific video interactions (e.g., tracking 25%, 50%, 75%, and 100% video completion).<\/li>\n<\/ul>\n<\/li>\n
- Create a Tag to Fire for Video Interactions:<\/strong>\n
\n- Set up a tag (e.g., Google Analytics Event Tag) to fire when a specific video interaction occurs.<\/li>\n
- Configure the event parameters (e.g.,
Category: Video Interaction, Action: Play, Label: Intro Video<\/code>).<\/li>\n- Attach the Video Trigger<\/strong> you created to this tag.<\/li>\n<\/ul>\n<\/li>\n
- Test and Publish:<\/strong>\n
\n- Test the video interaction tracking using GTM\u2019s Preview Mode<\/strong> to ensure everything is firing as expected.<\/li>\n
- Once confirmed, publish the changes.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
<\/span>2.4 Tracking Scroll Depth<\/strong><\/span><\/h4>\nTracking how far users scroll on a page can be useful for understanding user engagement with long-form content.<\/p>\n
<\/span>Steps to Track Scroll Depth:<\/span><\/h5>\n\n- Create a new Trigger<\/strong>:\n
\n- Go to Triggers<\/strong> > New<\/strong>.<\/li>\n
- Select Scroll Depth<\/strong> as the trigger type.<\/li>\n<\/ul>\n<\/li>\n
- Configure Trigger Settings<\/strong>:\n
\n- You can set up the scroll depth trigger to fire when users scroll down a specific percentage of the page (e.g., 25%, 50%, 75%, or 100%).<\/li>\n
- Choose whether to track vertical scrolling (most common) or horizontal scrolling.<\/li>\n<\/ul>\n<\/li>\n
- Create a Tag<\/strong> to capture scroll depth:\n
\n- Set up a tag (e.g., Google Analytics Event Tag) to fire when users scroll to the specified depth.<\/li>\n
- Configure the event parameters to track the scroll interaction (e.g.,
Category: Scroll Depth, Action: 50% Scrolled, Label: Homepage<\/code>).<\/li>\n- Attach the Scroll Depth Trigger<\/strong> to this tag.<\/li>\n<\/ul>\n<\/li>\n
- Test and Publish:<\/strong>\n
\n- Test the scroll depth trigger in Preview Mode<\/strong> to ensure it\u2019s firing when users scroll to the configured depths.<\/li>\n
- Once verified, publish the container.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
<\/span>3. Using Variables with Auto-Event Tracking<\/strong><\/span><\/h3>\nGTM allows you to use Variables<\/strong> to capture dynamic values (e.g., the URL of the clicked link, the ID of a clicked button, etc.). For auto-event tracking, you can use built-in variables such as:<\/p>\n