<\/span><\/h3>\nYou can detect 404 error pages based on the URL, the HTTP status code, or page content. Most commonly, 404 pages are identified by their URL path (e.g., \/404<\/code>, \/page-not-found<\/code>) or a specific class or ID in the HTML that indicates a 404 error.<\/p>\n<\/span>1. Using the URL or Page Path to Detect 404s<\/strong><\/span><\/h4>\nOne of the simplest ways to track 404 pages is by setting up a trigger based on the URL or path of the page. Many websites have a standard URL structure for 404 pages, such as \/404<\/code>, \/not-found<\/code>, or \/page-not-found<\/code>.<\/p>\n\n- Go to your Google Tag Manager<\/strong> container.<\/li>\n
- In the left-hand menu, select Triggers<\/strong> and click New<\/strong>.<\/li>\n
- Name the trigger something like “404 Error Page Trigger.”<\/li>\n
- Choose Page View<\/strong> as the trigger type.<\/li>\n
- Under Trigger Configuration<\/strong>, select Some Page Views<\/strong>.<\/li>\n
- In the conditions, select Page Path<\/strong> (or Page URL<\/strong>) and set it to match the 404 error page path. For example:\n
\n- Page Path<\/strong> contains
\/404<\/code> (or \/page-not-found<\/code>, or whatever your 404 URL pattern is).<\/li>\n- You can also use Page URL<\/strong> if your URL structure includes the 404 page name or slug.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
<\/span>Step 2: Set Up the Tag to Fire on 404 Pages<\/span><\/h3>\nOnce you’ve created the trigger to detect when users land on a 404 error page, you need to attach it to a tag.<\/p>\n
\n- Go to Tags<\/strong> and click New<\/strong>.<\/li>\n
- Choose a tag type based on what you want to track. For instance, you could use:\n
\n- Google Analytics<\/strong> to send an event when a user hits a 404 page.<\/li>\n
- Custom HTML<\/strong> to send a custom event to another analytics tool or log it for debugging.<\/li>\n<\/ul>\n<\/li>\n
- If using Google Analytics<\/strong>, choose the Google Analytics: Universal Analytics<\/strong> or Google Analytics 4 Event<\/strong> tag type, depending on your setup.<\/li>\n
- Configure the tag:\n
\n- For Universal Analytics<\/strong>, set it to track an event with parameters like:\n
\n- Category<\/strong>: ‘Error’<\/li>\n
- Action<\/strong>: ‘404 Page’<\/li>\n
- Label<\/strong>: {{Page Path}} (or {{Page URL}}, to capture the URL of the error page)<\/li>\n<\/ul>\n<\/li>\n
- For GA4<\/strong>, set it up as an event with a similar structure, e.g.,
event_name = '404_error'<\/code> and any relevant parameters (e.g., page_location = {{Page URL}}<\/code>).<\/li>\n<\/ul>\n<\/li>\n- Under Triggering<\/strong>, choose the 404 error trigger you created earlier.<\/li>\n<\/ol>\n
<\/span>Step 3: Preview and Test Your Setup<\/span><\/h3>\nBefore publishing the GTM container, test to make sure everything works correctly:<\/p>\n
\n- Click Preview<\/strong> in GTM to enable the preview mode.<\/li>\n
- In the debug mode<\/strong>, open your website in a new browser tab and intentionally go to a non-existent page (e.g.,
https:\/\/yourwebsite.com\/nonexistentpage<\/code>).<\/li>\n- Check the GTM preview panel to see if the trigger for the 404 page fires correctly. If it does, the tag should show up under Tags Fired<\/strong>.<\/li>\n
- Check your Google Analytics real-time events to verify that the 404 error event is being sent.<\/li>\n<\/ol>\n
<\/span>Step 4: Publish Your Container<\/span><\/h3>\nOnce you\u2019ve confirmed the trigger and tag work as expected, it\u2019s time to publish the container:<\/p>\n
\n- Go to GTM and click Submit<\/strong>.<\/li>\n
- Provide a version name and description (e.g., “Track 404 Error Pages”).<\/li>\n
- Click Publish<\/strong> to make the changes live.<\/li>\n<\/ol>\n
<\/span>Step 5: Verify in Google Analytics<\/span><\/h3>\nAfter publishing the GTM container, you can verify that the 404 error tracking is working in your analytics platform (Google Analytics or GA4).<\/p>\n
<\/span>For Google Analytics Universal<\/strong>:<\/span><\/h4>\n\n- Go to Behavior > Events > Top Events<\/strong>.<\/li>\n
- Look for the event category (e.g., “Error”) and check if the 404 page events are appearing under the Action<\/strong> (e.g., “404 Page”).<\/li>\n<\/ol>\n
<\/span>For Google Analytics 4<\/strong>:<\/span><\/h4>\n\n- Go to Realtime<\/strong> or Events<\/strong>.<\/li>\n
- Check if the 404 event is appearing in the events list.<\/li>\n
- You can create a custom report or use Event Exploration<\/strong> to track how often 404 errors are triggered.<\/li>\n<\/ol>\n
<\/span>Advanced Considerations<\/span><\/h3>\n<\/span>1. Track 404 Errors Based on HTTP Status Code<\/strong><\/span><\/h4>\nIf your website uses JavaScript or a server-side solution to handle 404 errors (such as showing an error message on the page), you may also be able to detect 404 errors based on the HTTP status code. This requires more advanced setup, typically using Custom JavaScript<\/strong> or Custom HTML tags<\/strong> in GTM.<\/p>\n<\/span>2. Use Content on the 404 Page to Trigger Events<\/strong><\/span><\/h4>\nSome websites design their 404 pages with specific content (such as a unique ID or class name), which can be used to trigger an event. For example, you could use a DOM Element<\/strong> trigger to detect the presence of an element on the 404 page. Here’s how to do that:<\/p>\n\n- In GTM<\/strong>, create a new trigger of type DOM Element<\/strong>.<\/li>\n
- Set the trigger condition to look for a specific ID or class on the 404 page (e.g., an element like
<div class=\"error-404\"><\/code>).<\/li>\n- Use this DOM Element trigger with your tag to track 404 errors.<\/li>\n<\/ul>\n
<\/span>Best Practices for Tracking 404 Error Pages<\/span><\/h3>\n\n- Monitor 404 Errors Regularly<\/strong>: Track and monitor 404 errors regularly to identify broken links or missing pages. This helps you fix issues that could negatively affect your SEO or user experience.<\/li>\n
- Use Google Search Console<\/strong>: While GTM can track 404 errors, also monitor Google Search Console for 404 errors reported by Googlebot, especially if the error is SEO-related.<\/li>\n
- Fix or Redirect 404 Errors<\/strong>: Once you track 404 errors, ensure you fix broken links or set up proper redirects (e.g., 301 redirects) for missing pages to improve the user experience and reduce bounce rates.<\/li>\n
- Implement Custom 404 Pages<\/strong>: A well-designed 404 page with useful links and a search bar can help users find the content they\u2019re looking for instead of leaving your site.<\/li>\n<\/ol>\n
By setting up 404 error tracking with GTM, you can improve your website\u2019s functionality, enhance user experience, and monitor important error pages to avoid losing potential visitors.<\/p>\n","protected":false},"excerpt":{"rendered":"
Tracking 404 error pages with Google Tag Manager (GTM) is an essential step for monitoring user experience and ensuring that missing pages are handled appropriately….<\/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-10550","post","type-post","status-publish","format-standard","hentry","category-digital-marketing"],"yoast_head":"\n
How to track 404 error pages with 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-404-error-pages-with-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 404 error pages with Google Tag Manager - CEOweb Ltd. Blog\" \/>\n<meta property=\"og:description\" content=\"Tracking 404 error pages with Google Tag Manager (GTM) is an essential step for monitoring user experience and ensuring that missing pages are handled appropriately....\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ceowebltd.com\/blog\/how-to-track-404-error-pages-with-google-tag-manager\/\" \/>\n<meta property=\"og:site_name\" content=\"CEOweb Ltd. Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-12T21:03:26+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-404-error-pages-with-google-tag-manager\/\",\"url\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-404-error-pages-with-google-tag-manager\/\",\"name\":\"How to track 404 error pages with Google Tag Manager - CEOweb Ltd. Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/#website\"},\"datePublished\":\"2024-11-12T21:03:26+00:00\",\"dateModified\":\"2024-11-12T21:03:26+00:00\",\"author\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f\"},\"breadcrumb\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-404-error-pages-with-google-tag-manager\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ceowebltd.com\/blog\/how-to-track-404-error-pages-with-google-tag-manager\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-track-404-error-pages-with-google-tag-manager\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ceowebltd.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to track 404 error pages with 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 & 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 404 error pages with 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-404-error-pages-with-google-tag-manager\/","og_locale":"en_US","og_type":"article","og_title":"How to track 404 error pages with Google Tag Manager - CEOweb Ltd. Blog","og_description":"Tracking 404 error pages with Google Tag Manager (GTM) is an essential step for monitoring user experience and ensuring that missing pages are handled appropriately....","og_url":"https:\/\/ceowebltd.com\/blog\/how-to-track-404-error-pages-with-google-tag-manager\/","og_site_name":"CEOweb Ltd. Blog","article_published_time":"2024-11-12T21:03:26+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-404-error-pages-with-google-tag-manager\/","url":"https:\/\/ceowebltd.com\/blog\/how-to-track-404-error-pages-with-google-tag-manager\/","name":"How to track 404 error pages with Google Tag Manager - CEOweb Ltd. Blog","isPartOf":{"@id":"https:\/\/ceowebltd.com\/blog\/#website"},"datePublished":"2024-11-12T21:03:26+00:00","dateModified":"2024-11-12T21:03:26+00:00","author":{"@id":"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f"},"breadcrumb":{"@id":"https:\/\/ceowebltd.com\/blog\/how-to-track-404-error-pages-with-google-tag-manager\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ceowebltd.com\/blog\/how-to-track-404-error-pages-with-google-tag-manager\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ceowebltd.com\/blog\/how-to-track-404-error-pages-with-google-tag-manager\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ceowebltd.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to track 404 error pages with 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 & 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\/10550","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=10550"}],"version-history":[{"count":1,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10550\/revisions"}],"predecessor-version":[{"id":10551,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10550\/revisions\/10551"}],"wp:attachment":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/media?parent=10550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/categories?post=10550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/tags?post=10550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}