Google Tag Manager on Textpattern CMS | OpsBlu Docs

Google Tag Manager on Textpattern CMS

How to install and configure Google Tag Manager on Textpattern CMS. Covers installation method, container setup, verification, and Textpattern...

For general GTM concepts, see Google Tag Manager Overview

Overview

Textpattern CMS uses its own tag-based template system. Add GTM via the page template editor.

Prerequisites

Installation

Where to Add GTM Code

Admin → Presentation → Pages → edit your default page template. Add head snippet before </head> and body snippet after <body>. Alternatively, create a Form (Presentation → Forms) named gtm_head and include it via <txp:output_form form="gtm_head" />

GTM Head Snippet

Add this in the <head> section:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

GTM Body Snippet

Add this immediately after the opening <body> tag:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Replace GTM-XXXXXXX with your actual Container ID in both snippets.

Textpattern CMS-Specific Considerations

Textpattern's template tags use <txp:> syntax which won't conflict with GTM's JavaScript. However, templates are stored in the database, not files — export/back up via Admin → Preferences → Diagnostics before major changes.

Template System

Textpattern CMS uses Textpattern tag-based templates (Pages and Forms). When editing templates directly, note that the GTM JavaScript snippet (inside <script> tags) will not conflict with the template engine's syntax.

Verification

After installation, verify GTM is working:

  1. GTM Preview Mode — In GTM, click Preview, enter your site URL, and verify the container loads.
  2. Browser Console — Open DevTools (F12) and run console.log(window.google_tag_manager). You should see an object (not undefined).
  3. Network Tab — Filter for googletagmanager.com and verify gtm.js loads with a 200 response.
  4. Data Layer Check — Run console.log(window.dataLayer) to verify the data layer array exists.

Next Steps

Back to top