make matomo configurable via ui

laws-africa · Feb 19, 2024 · dcbc3c8 · dcbc3c8
1 parent 2fd7684
commit dcbc3c8
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 40 deletions.
diff --git a/africanlii/templates/peachjam/layouts/main.html b/africanlii/templates/peachjam/layouts/main.html
@@ -5,23 +5,3 @@
         href="{% sass_src 'stylesheets/africanlii.scss' %}"
         type="text/css"/>
 {% endblock %}
-{% block head-js %}
-  {{ block.super }}
-  <!-- Matomo -->
-  <script>
-  var _paq = window._paq = window._paq || [];
-  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-  _paq.push(["setDoNotTrack", true]);
-  _paq.push(["disableCookies"]);
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']);
-  (function() {
-    var u="https://lawsafrica.matomo.cloud/"; {# replace with correct link #}
-    _paq.push(['setTrackerUrl', u+'matomo.php']);
-    _paq.push(['setSiteId', '5']);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.async=true; g.src='//cdn.matomo.cloud/lawsafrica.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s); {# replace with correct link #}
-  })();
-  </script>
-  <!-- End Matomo Code -->
-{% endblock %}
diff --git a/lawlibrary/templates/peachjam/layouts/main.html b/lawlibrary/templates/peachjam/layouts/main.html
@@ -5,23 +5,3 @@
         href="{% sass_src 'stylesheets/lawlibrary.scss' %}"
         type="text/css"/>
 {% endblock %}
-{% block head-js %}
-  {{ block.super }}
-  <!-- Matomo -->
-  <script>
-  var _paq = window._paq = window._paq || [];
-  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-  _paq.push(["setDoNotTrack", true]);
-  _paq.push(["disableCookies"]);
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']);
-  (function() {
-    var u="https://lawsafrica.matomo.cloud/";
-    _paq.push(['setTrackerUrl', u+'matomo.php']);
-    _paq.push(['setSiteId', '4']);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.async=true; g.src='//cdn.matomo.cloud/lawsafrica.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
-  })();
-  </script>
-  <!-- End Matomo Code -->
-{% endblock %}
diff --git a/peachjam/models/settings.py b/peachjam/models/settings.py
@@ -109,6 +109,20 @@ class PeachJamSettings(SingletonModel):
         blank=True,
         help_text=_("Enter one or more email addresses separated by spaces."),
     )
+    matomo_domain = models.CharField(
+        verbose_name=_("matomo domain"),
+        max_length=1024,
+        null=True,
+        blank=True,
+        help_text=_("Matomo domain (e.g. mysite.matomo.cloud)"),
+    )
+    matomo_site_id = models.CharField(
+        verbose_name=_("matomo site ID"),
+        max_length=10,
+        null=True,
+        blank=True,
+        help_text=_("Matomo site ID (e.g. 2)"),
+    )
 
     class Meta:
         verbose_name = verbose_name_plural = _("site settings")

diff --git a/peachjam/templates/peachjam/layouts/main.html b/peachjam/templates/peachjam/layouts/main.html
@@ -34,6 +34,22 @@
         });
       </script>
     {% endif %}
+    {% if PEACHJAM_SETTINGS.matomo_domain and PEACHJAM_SETTINGS.matomo_site_id %}
+      <script>
+        var _paq = window._paq = window._paq || [];
+        _paq.push(["setDoNotTrack", true]);
+        _paq.push(["disableCookies"]);
+        _paq.push(["trackPageView"]);
+        _paq.push(["enableLinkTracking"]);
+        (function() {
+          var u="https://{{ PEACHJAM_SETTINGS.matomo_domain }}/";
+          _paq.push(['setTrackerUrl', u+'matomo.php']);
+          _paq.push(['setSiteId', '{{ PEACHJAM_SETTINGS.matomo_site_id }}']);
+          var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+          g.async=true; g.src='//cdn.matomo.cloud/{{ PEACHJAM_SETTINGS.matomo_domain }}/matomo.js'; s.parentNode.insertBefore(g,s);
+        })();
+      </script>
+    {% endif %}
   {% endif %}
   <!-- must be last script to load -->
   <script defer src="{% static 'js/app-prod.js' %}"></script>