{"id":10867,"date":"2024-11-25T19:37:28","date_gmt":"2024-11-25T19:37:28","guid":{"rendered":"https:\/\/ceowebltd.com\/blog\/?p=10867"},"modified":"2024-11-25T19:37:28","modified_gmt":"2024-11-25T19:37:28","slug":"how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager","status":"publish","type":"post","link":"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/","title":{"rendered":"How to track scroll depth for different sections of a page in Google Tag Manager"},"content":{"rendered":"<p>Tracking scroll depth is a great way to understand how users engage with the content on your website. By using Google Tag Manager (GTM), you can set up a system to track how far users scroll down the page, and more importantly, you can monitor how deep they scroll within different sections of the page (such as different content blocks, articles, or product categories). Here\u2019s a step-by-step guide to track scroll depth in different sections of a page using Google Tag Manager.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#Step_1_Set_Up_Google_Tag_Manager\" title=\"Step 1: Set Up Google Tag Manager\">Step 1: Set Up Google Tag Manager<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#Step_2_Set_Up_Scroll_Tracking_in_GTM\" title=\"Step 2: Set Up Scroll Tracking in GTM\">Step 2: Set Up Scroll Tracking in GTM<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#Enable_Built-In_Scroll_Depth_Trigger\" title=\"Enable Built-In Scroll Depth Trigger\">Enable Built-In Scroll Depth Trigger<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#Step_3_Configure_Tags_for_Scroll_Tracking\" title=\"Step 3: Configure Tags for Scroll Tracking\">Step 3: Configure Tags for Scroll Tracking<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#Create_a_Scroll_Tracking_Tag\" title=\"Create a Scroll Tracking Tag\">Create a Scroll Tracking Tag<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#Step_4_Set_Up_Custom_JavaScript_for_Section-based_Scroll_Tracking\" title=\"Step 4: Set Up Custom JavaScript for Section-based Scroll Tracking\">Step 4: Set Up Custom JavaScript for Section-based Scroll Tracking<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#Step_5_Test_Your_Setup\" title=\"Step 5: Test Your Setup\">Step 5: Test Your Setup<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#Step_6_Publish_Your_Container\" title=\"Step 6: Publish Your Container\">Step 6: Publish Your Container<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#Step_7_Monitor_and_Analyze_Data\" title=\"Step 7: Monitor and Analyze Data\">Step 7: Monitor and Analyze Data<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Set_Up_Google_Tag_Manager\"><\/span>Step 1: Set Up Google Tag Manager<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Before starting, ensure you have Google Tag Manager installed on your website. If you haven\u2019t already installed GTM, you can follow the instructions on the Google Tag Manager website to create a container and add the necessary code to your website.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Set_Up_Scroll_Tracking_in_GTM\"><\/span>Step 2: Set Up Scroll Tracking in GTM<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>GTM provides built-in support for scroll tracking, which you can use to track how far users scroll on your webpage. This can be done through the <strong>Scroll Depth Trigger<\/strong>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Enable_Built-In_Scroll_Depth_Trigger\"><\/span>Enable Built-In Scroll Depth Trigger<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Log into Google Tag Manager<\/strong> and select the container for your website.<\/li>\n<li>Navigate to <strong>Triggers<\/strong> in the left-hand sidebar.<\/li>\n<li>Click <strong>New<\/strong> and then choose <strong>Scroll Depth<\/strong> as the trigger type.<\/li>\n<li>In the configuration panel, set up the following options:\n<ul>\n<li><strong>Vertical Scroll Depths<\/strong>: This will be the percentages or pixel depths at which you want to track user behavior. For example, you could track scroll depth at 25%, 50%, 75%, and 100% to see how far down the page users scroll.<\/li>\n<li><strong>Horizontal Scroll Depths<\/strong> (Optional): If you want to track horizontal scrolling, you can configure this as well.<\/li>\n<li><strong>Scroll Depths for Sections<\/strong>: If you want to track scroll depth within specific sections, you\u2019ll need to modify the trigger slightly by tracking when users reach the start of those sections.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Save the trigger<\/strong> once you\u2019ve configured the scroll depths you want to track.<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Configure_Tags_for_Scroll_Tracking\"><\/span>Step 3: Configure Tags for Scroll Tracking<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Now that you have your scroll trigger set up, you\u2019ll need to create tags that will fire when a user reaches the specified scroll depth.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Create_a_Scroll_Tracking_Tag\"><\/span>Create a Scroll Tracking Tag<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li>Go to the <strong>Tags<\/strong> section in Google Tag Manager and click <strong>New<\/strong>.<\/li>\n<li>Choose a tag type. If you&#8217;re using Google Analytics, select <strong>Google Analytics: Universal Analytics<\/strong> or <strong>Google Analytics 4 Configuration<\/strong> depending on which version you use.<\/li>\n<li>In the <strong>Tag Configuration<\/strong>:\n<ul>\n<li>For <strong>Google Analytics 4<\/strong>, choose <strong>Event<\/strong> as the type and configure it with event parameters, such as:\n<ul>\n<li><strong>Event Name<\/strong>: <code>scroll_depth<\/code><\/li>\n<li><strong>Event Parameters<\/strong>: You can create parameters like <code>scroll_percentage<\/code>, <code>scroll_depth<\/code>, <code>section<\/code>, etc.<\/li>\n<\/ul>\n<\/li>\n<li>For <strong>Universal Analytics<\/strong>, select <strong>Pageview<\/strong> or <strong>Event<\/strong>, and for <strong>Event Category<\/strong>, you can use <code>Scroll Depth<\/code>.<\/li>\n<\/ul>\n<\/li>\n<li>Scroll down to the <strong>Triggering<\/strong> section and add the <strong>Scroll Depth<\/strong> trigger you created in Step 2. You can set the trigger to fire when specific scroll depths are reached (e.g., 25%, 50%, 75%, 100%).<\/li>\n<li><strong>Save the tag<\/strong>.<\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Step_4_Set_Up_Custom_JavaScript_for_Section-based_Scroll_Tracking\"><\/span>Step 4: Set Up Custom JavaScript for Section-based Scroll Tracking<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To track scroll depth within specific sections of your page (e.g., tracking when users reach the start of different sections), you&#8217;ll need to use a custom JavaScript variable in GTM.<\/p>\n<ol>\n<li><strong>Add a Custom JavaScript Variable<\/strong>:\n<ul>\n<li>Go to <strong>Variables<\/strong> in GTM.<\/li>\n<li>Click <strong>New<\/strong> and choose <strong>Custom JavaScript<\/strong>.<\/li>\n<li>Add a script that returns the current section or element being scrolled to. For example, you could track when the top of a particular section is in view:<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none\">javascript<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none py-1\">Copy code<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-javascript\"><span class=\"hljs-keyword\">function<\/span>() {<br \/>\n  <span class=\"hljs-keyword\">var<\/span> sections = <span class=\"hljs-variable language_\">document<\/span>.<span class=\"hljs-title function_\">querySelectorAll<\/span>(<span class=\"hljs-string\">'.section'<\/span>); <span class=\"hljs-comment\">\/\/ Replace with your section classes or IDs<\/span><br \/>\n  <span class=\"hljs-keyword\">var<\/span> scrollPosition = <span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">scrollY<\/span> + <span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">innerHeight<\/span>;<\/p>\n<p>  <span class=\"hljs-keyword\">for<\/span> (<span class=\"hljs-keyword\">var<\/span> i = <span class=\"hljs-number\">0<\/span>; i &lt; sections.<span class=\"hljs-property\">length<\/span>; i++) {<br \/>\n    <span class=\"hljs-keyword\">if<\/span> (sections[i].<span class=\"hljs-property\">offsetTop<\/span> &lt; scrollPosition) {<br \/>\n      <span class=\"hljs-keyword\">return<\/span> sections[i].<span class=\"hljs-property\">id<\/span>;  <span class=\"hljs-comment\">\/\/ or return sections[i].className if you prefer<\/span><br \/>\n    }<br \/>\n  }<\/p>\n<p>  <span class=\"hljs-keyword\">return<\/span> <span class=\"hljs-literal\">null<\/span>;  <span class=\"hljs-comment\">\/\/ Return null if no section is currently in view<\/span><br \/>\n}<br \/>\n<\/code><\/div>\n<\/div>\n<p>This variable will return the ID or class name of the section that\u2019s currently visible in the viewport as the user scrolls.<\/p>\n<ol start=\"2\">\n<li><strong>Modify the Scroll Tracking Tag<\/strong>:\n<ul>\n<li>Go back to the tag you created in Step 3 and add a <strong>Custom JavaScript Variable<\/strong> to track which section the user is in.<\/li>\n<li>For example, you could modify the event parameters to include the section variable. In GA4, you could do something like:<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none\">javascript<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none py-1\">Copy code<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-javascript\">{<br \/>\n  <span class=\"hljs-string\">'scroll_percentage'<\/span>: {{<span class=\"hljs-title class_\">Scroll<\/span> <span class=\"hljs-title class_\">Depth<\/span>}},<br \/>\n  <span class=\"hljs-string\">'section'<\/span>: {{<span class=\"hljs-title class_\">Custom<\/span> <span class=\"hljs-title class_\">JavaScript<\/span> <span class=\"hljs-title class_\">Variable<\/span> <span class=\"hljs-keyword\">for<\/span> <span class=\"hljs-title class_\">Section<\/span>}}<br \/>\n}<br \/>\n<\/code><\/div>\n<\/div>\n<p>This will send the section data as part of the event, so you can track which sections users are scrolling through.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_5_Test_Your_Setup\"><\/span>Step 5: Test Your Setup<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Before publishing your changes, always test your GTM container to ensure that the scroll depth and section-based tracking are working as expected.<\/p>\n<ol>\n<li><strong>Use GTM&#8217;s Preview Mode<\/strong>: Enable <strong>Preview<\/strong> mode in Google Tag Manager and load your website. This allows you to see in real-time when your scroll tracking tags are firing.<\/li>\n<li><strong>Check the Data<\/strong>: Open your website and scroll down to see if the tags fire at the specified scroll depths. Ensure that the event names and parameters are being sent correctly.<\/li>\n<\/ol>\n<p>For instance, in Google Analytics (GA4), you can check <strong>Events<\/strong> under the <strong>Real-time<\/strong> report to see if scroll events are being recorded. Verify that you can see events like <code>scroll_depth<\/code>, along with the appropriate values for <code>scroll_percentage<\/code> and <code>section<\/code>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_6_Publish_Your_Container\"><\/span>Step 6: Publish Your Container<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Once you\u2019ve confirmed that everything is working correctly in Preview Mode, you can publish your container in Google Tag Manager.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step_7_Monitor_and_Analyze_Data\"><\/span>Step 7: Monitor and Analyze Data<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>After your container is live, you can monitor the data sent to Google Analytics or any other analytics tool you\u2019re using. Specifically, look for:<\/p>\n<ul>\n<li><strong>Scroll Depth Tracking<\/strong>: You should see events indicating when a user reaches certain scroll percentages (25%, 50%, 75%, 100%).<\/li>\n<li><strong>Section-based Tracking<\/strong>: If you\u2019ve set up section-based tracking, you can analyze which sections users are engaging with most.<\/li>\n<\/ul>\n<p>You can use this data to improve user experience, optimize content layout, and understand which sections are most engaging or need improvement.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Tracking scroll depth with Google Tag Manager is a simple yet powerful way to gain insights into how users engage with your content. By setting up scroll tracking triggers and tags, and using custom JavaScript for section-based tracking, you can monitor not only how far users scroll but also which parts of your page are the most engaging. This data can then inform decisions around content placement, website design, and overall user experience optimization.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tracking scroll depth is a great way to understand how users engage with the content on your website. By using Google Tag Manager (GTM), you&#8230;<\/p>\n","protected":false},"author":214,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-10867","post","type-post","status-publish","format-standard","hentry","category-digital-marketing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to track scroll depth for different sections of a page in Google Tag Manager - CEOweb Ltd. Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to track scroll depth for different sections of a page in Google Tag Manager - CEOweb Ltd. Blog\" \/>\n<meta property=\"og:description\" content=\"Tracking scroll depth is a great way to understand how users engage with the content on your website. By using Google Tag Manager (GTM), you...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/\" \/>\n<meta property=\"og:site_name\" content=\"CEOweb Ltd. Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-25T19:37:28+00:00\" \/>\n<meta name=\"author\" content=\"Emmanuel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emmanuel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/\",\"url\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/\",\"name\":\"How to track scroll depth for different sections of a page in Google Tag Manager - CEOweb Ltd. Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/#website\"},\"datePublished\":\"2024-11-25T19:37:28+00:00\",\"dateModified\":\"2024-11-25T19:37:28+00:00\",\"author\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f\"},\"breadcrumb\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ceowebltd.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to track scroll depth for different sections of a page in Google Tag Manager\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/#website\",\"url\":\"https:\/\/ceowebltd.com\/blog\/\",\"name\":\"CEOweb Ltd. Blog\",\"description\":\"Guest Posting - Digital Marketing &amp; Web Services\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ceowebltd.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f\",\"name\":\"Emmanuel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g\",\"caption\":\"Emmanuel\"},\"url\":\"https:\/\/ceowebltd.com\/blog\/author\/emmanuel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to track scroll depth for different sections of a page in Google Tag Manager - CEOweb Ltd. Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/","og_locale":"en_US","og_type":"article","og_title":"How to track scroll depth for different sections of a page in Google Tag Manager - CEOweb Ltd. Blog","og_description":"Tracking scroll depth is a great way to understand how users engage with the content on your website. By using Google Tag Manager (GTM), you...","og_url":"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/","og_site_name":"CEOweb Ltd. Blog","article_published_time":"2024-11-25T19:37:28+00:00","author":"Emmanuel","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Emmanuel","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/","url":"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/","name":"How to track scroll depth for different sections of a page in Google Tag Manager - CEOweb Ltd. Blog","isPartOf":{"@id":"https:\/\/ceowebltd.com\/blog\/#website"},"datePublished":"2024-11-25T19:37:28+00:00","dateModified":"2024-11-25T19:37:28+00:00","author":{"@id":"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f"},"breadcrumb":{"@id":"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ceowebltd.com\/blog\/how-to-track-scroll-depth-for-different-sections-of-a-page-in-google-tag-manager\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ceowebltd.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to track scroll depth for different sections of a page in Google Tag Manager"}]},{"@type":"WebSite","@id":"https:\/\/ceowebltd.com\/blog\/#website","url":"https:\/\/ceowebltd.com\/blog\/","name":"CEOweb Ltd. Blog","description":"Guest Posting - Digital Marketing &amp; Web Services","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ceowebltd.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f","name":"Emmanuel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g","caption":"Emmanuel"},"url":"https:\/\/ceowebltd.com\/blog\/author\/emmanuel\/"}]}},"_links":{"self":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10867","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/users\/214"}],"replies":[{"embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/comments?post=10867"}],"version-history":[{"count":1,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10867\/revisions"}],"predecessor-version":[{"id":10868,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10867\/revisions\/10868"}],"wp:attachment":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/media?parent=10867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/categories?post=10867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/tags?post=10867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}