Merge pull request #427 from torchbox/spike/experiment-with-double-GA-container

Move GTM id from env to wagtail settings, and add experimental secondary GTM id

Author: helenb

tbx/core/context_processors.py

@@ -3,17 +3,22 @@
 from django.conf import settings
 
 from tbx.core.models import ImportantPageSettings
+from tbx.core.utils.models import Tracking
 
 
 def global_vars(request):
     # Read the mode cookie to determine the user's saved preference for light or dark mode, if it exists
     # Ensure it is one of the allowed values
     mode = request.COOKIES.get("torchbox-mode", "dark")
+    tracking = Tracking.for_request(request)
     if mode not in settings.ALLOWED_MODES:
         mode = "dark"
 
     return {
-        "GOOGLE_TAG_MANAGER_ID": getattr(settings, "GOOGLE_TAG_MANAGER_ID", None),
+        "GOOGLE_TAG_MANAGER_ID": getattr(tracking, "google_tag_manager_id", None),
+        "GOOGLE_TAG_MANAGER_SECONDARY_ID": getattr(
+            tracking, "google_tag_manager_secondary_id", None
+        ),
         "SEO_NOINDEX": settings.SEO_NOINDEX,
         "COOKIE_POLICY_PAGE": ImportantPageSettings.for_request(
             request

tbx/core/migrations/0041_add_tracking_settings.py

@@ -0,0 +1,55 @@
+# Generated by Django 5.2.5 on 2026-04-07 10:07
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("torchbox", "0040_divisionmixin_and_navigationsetmixin"),
+        ("wagtailcore", "0096_referenceindex_referenceindex_source_object_and_more"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="Tracking",
+            fields=[
+                (
+                    "id",
+                    models.AutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                (
+                    "google_tag_manager_id",
+                    models.CharField(
+                        blank=True,
+                        help_text="Your Google Tag Manager ID.",
+                        max_length=255,
+                    ),
+                ),
+                (
+                    "google_tag_manager_secondary_id",
+                    models.CharField(
+                        blank=True,
+                        help_text="Experimental: Your Second Google Tag Manager ID.",
+                        max_length=255,
+                    ),
+                ),
+                (
+                    "site",
+                    models.OneToOneField(
+                        editable=False,
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to="wagtailcore.site",
+                    ),
+                ),
+            ],
+            options={
+                "abstract": False,
+            },
+        ),
+    ]

tbx/core/utils/models.py

@@ -151,6 +151,20 @@ class SocialMediaSettings(BaseSiteSetting):
     )
 
 
+@register_setting(icon="view")
+class Tracking(BaseSiteSetting):
+    google_tag_manager_id = models.CharField(
+        max_length=255,
+        blank=True,
+        help_text="Your Google Tag Manager ID.",
+    )
+    google_tag_manager_secondary_id = models.CharField(
+        max_length=255,
+        blank=True,
+        help_text="Experimental: Your Second Google Tag Manager ID.",
+    )
+
+
 class ColourTheme(models.TextChoices):
     NONE = "", "None"
     CORAL = "theme-coral", "Coral"

tbx/project_styleguide/templates/patterns/base_page.html

@@ -13,6 +13,17 @@
         <!-- End Google Tag Manager -->
     {% endif %}
 
+    {# Experimental second GTM container #}
+    {% if GOOGLE_TAG_MANAGER_SECONDARY_ID and not request.in_preview_panel %}
+        <!-- Google Tag Manager 2 -->
+        <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','{{ GOOGLE_TAG_MANAGER_SECONDARY_ID|escapejs }}');</script>
+        <!-- End Google Tag Manager 2 -->
+    {% endif %}
+
     {% if not request.in_preview_panel %}
         {% if request.COOKIES.torchbox_cookie != 'true' %}
             <template data-vwo-loader>
@@ -137,6 +148,11 @@
         <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ GOOGLE_TAG_MANAGER_ID|urlencode }}"
                           height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     {% endif %}
+    {# Experimental second GTM container #}
+    {% if GOOGLE_TAG_MANAGER_SECONDARY_ID and not request.in_preview_panel %}
+        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ GOOGLE_TAG_MANAGER_SECONDARY_ID|urlencode }}"
+                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    {% endif %}
 {% endblock body_top %}
 
 {% block header %}

tbx/settings/base.py

@@ -611,10 +611,6 @@
     "BASE_TEMPLATE_NAMES": ["patterns/base_page.html"],
 }
 
-
-# Google Tag Manager ID from env
-GOOGLE_TAG_MANAGER_ID = env.get("GOOGLE_TAG_MANAGER_ID")
-
 # Trial Hotjar tracking for the CMS admin.
 ADMIN_HOTJAR_SITE_ID = env.get("ADMIN_HOTJAR_SITE_ID")