{"id":7706,"date":"2025-10-19T13:32:30","date_gmt":"2025-10-19T13:32:30","guid":{"rendered":"https:\/\/hishamghanayem.com\/?p=7706"},"modified":"2025-10-19T13:32:33","modified_gmt":"2025-10-19T13:32:33","slug":"gtm-preview-mode-not-working-on-wp","status":"publish","type":"post","link":"https:\/\/hishamghanayem.com\/en\/data-analysis\/tracking\/gtm-preview-mode-not-working-on-wp","title":{"rendered":"Fix GTM Preview Mode Not Working on WordPress website"},"content":{"rendered":"\n

As a digital analyst and web data enthusiast, I recently ran into a classic but frustrating issue that many web analysts face: my Google Tag Manager (GTM) container wasn’t showing up in Preview Mode. What made it more confusing? The GTM snippet was clearly present in my page source, but Tag Assistant kept saying: “Google Tag: GTM-MHJSPLWM not found.”<\/strong><\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

Here’s a step-by-step breakdown of the problem, how I investigated it, and what finally fix GTM preview mode not working on WordPress website. If you’re working in GTM, especially in WordPress or eCommerce environments, this could save you hours of head-scratching.<\/p>\n\n\n\n

The Problem: GTM Installed but Not Found<\/strong> I was auditing my own course site (courses.hishamghanayem.com) to test event tracking using GTM’s Preview Mode. The container ID was correct. I even verified that the GTM code was present in the page using Chrome DevTools under the Elements tab. But Preview Mode refused to connect.<\/p>\n\n\n\n

The error message was:<\/p>\n\n\n\n

\n

“Google Tag: GTM-MHJSPLWM not found.”<\/p>\n\n\n\n

Investigation Phase: Putting on the Debugger Hat<\/strong> I approached this like a senior analyst would\u2014hypothesis-driven and methodical.<\/p>\n\n\n\n

Step 1: Confirm GTM Code Exists in the DOM<\/strong><\/p>\n\n\n\n

    \n
  • \u2705 Yes, GTM ID “GTM-MHJSPLWM” was found in both the <head><\/code> and <noscript><\/code> sections.<\/li>\n<\/ul>\n\n\n\n

    Step 2: Check Network Requests<\/strong><\/p>\n\n\n\n

      \n
    • I filtered the Network tab in Chrome DevTools using “gtm.js”<\/li>\n\n\n\n
    • \u2705 The request was visible, but marked as: ERR_BLOCKED_BY_CLIENT<\/code><\/li>\n<\/ul>\n\n\n\n

      Step 3: Console Errors<\/strong><\/p>\n\n\n\n

        \n
      • Errors confirmed the issue:<\/li>\n<\/ul>\n<\/blockquote>\n\n\n\n
        <\/code><\/pre>\n\n\n\nGET https:\/\/www.googletagmanager.com\/gtm.js?id=GTM-MHJSPLWM net::ERR_BLOCKED_BY_CLIENT\n\n\n\n
        This was the smoking gun: something on my browser was actively blocking the GTM script.<\/p>\n\n\n\n
        \n\n\n\n
        The Real Culprit: Ad Blockers & Privacy Extensions<\/strong> After testing in Incognito mode (with all extensions disabled), GTM Preview worked perfectly.<\/p>\n\n\n\n
        \n
        The issue wasn\u2019t my GTM implementation. It was my browser environment<\/strong>.<\/p>\n<\/blockquote>\n\n\n\n
        I had privacy-focused extensions running that were blocking GTM:<\/p>\n\n\n\n
          \n
        • Ghostery<\/li>\n\n\n\n
        • uBlock Origin<\/li>\n<\/ul>\n\n\n\n
          Once I paused those extensions on my site and refreshed, GTM loaded correctly, and Preview Mode connected instantly.<\/p>\n\n\n\n
          \n\n\n\n
          What I Learned & What You Can Apply<\/strong><\/p>\n\n\n\n
          1. Always Test in Incognito or Clean Profile First<\/strong> You need a clean testing environment without extensions interfering. I now use a Chrome profile named “GTM QA” with no add-ons installed.<\/p>\n\n\n\n
          2. ERR_BLOCKED_BY_CLIENT = Blocker Issue<\/strong> This error means the script was blocked by a browser extension, not that it’s missing.<\/p>\n\n\n\n
          3. Validate Using DevTools<\/strong><\/p>\n\n\n\n
            \n
          • Network tab: Look for gtm.js loading.<\/li>\n\n\n\n
          • Console tab: Check for red errors.<\/li>\n\n\n\n
          • window.google_tag_manager<\/code> in Console: Useful GTM presence check.<\/li>\n<\/ul>\n\n\n\n
            4. Bookmarklet to Check GTM Status<\/strong> Here’s a handy snippet:<\/p>\n\n\n
            javascript:(function(){<\/p>\n
            varid = ‘GTM-MHJSPLWM’;<\/p>\n
            if (window.google_tag_manager && google_tag_manager[id]) {<\/p>\n
            alert(‘\u2705 GTM is loaded and active: ‘ + id);<\/p>\n
            } else {<\/p>\n
            alert(‘\u274c GTM not found or blocked.’);<\/p>\n
            }<\/p>\n
            })();<\/p>\n\n\n\n
            \n\n\n\n
            Conclusion: From Problem to Portfolio-Worthy Lesson<\/strong> This issue reminded me that technical issues aren’t always about “bad code” or “wrong tags.” Sometimes, it’s the test environment. Documenting this not only solved my problem\u2014it gave me material for my blog, LinkedIn, and a reusable SOP for future GTM audits.<\/p>\n\n\n\n
            If you’re in digital analytics, especially in airline, retail, or WordPress ecosystems, build a clean testing process and always rule out browser interference before blaming the tag setup.<\/p>\n\n\n\n
            Want to avoid this issue again? Create your own QA browser profile and save this checklist.<\/p>\n\n\n\n
            \n\n\n\n
            Stay curious. Debug deeper. And always ask: is it the code, or is it the context? As a data analyst you should be curious and question the obvious sometime to reach the truth. Thats why it is recommended to try to reproduce the issue on different enviroment or browsers this will help a lot.<\/p>\n\n\n\n
            Note: This article was written by chatgpt to simplify the topic and make it easier to dyjast. Furthermore, the above issue was not there a month ago before writing the blog. However, do to adding new ad blockers the issue appeared. <\/p>\n\n\n\n
            <\/p>\n","protected":false},"excerpt":{"rendered":"
            As a digital analyst and web data enthusiast, I recently ran into a classic but frustrating issue that many web analysts face: my Google Tag Manager (GTM) container wasn’t showing up in Preview Mode. What made it more confusing? The GTM snippet was clearly present in my page source, but Tag Assistant kept saying: “Google […]<\/p>","protected":false},"author":1,"featured_media":7712,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"categories":[37],"tags":[130,65,63,66,131],"class_list":["post-7706","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tracking","tag-debugging","tag-google-tag-manager","tag-gtm","tag-wordpress","tag-wp"],"_links":{"self":[{"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/posts\/7706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/comments?post=7706"}],"version-history":[{"count":1,"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/posts\/7706\/revisions"}],"predecessor-version":[{"id":7713,"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/posts\/7706\/revisions\/7713"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/media\/7712"}],"wp:attachment":[{"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/media?parent=7706"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/categories?post=7706"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hishamghanayem.com\/en\/wp-json\/wp\/v2\/tags?post=7706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}