matomo: add code snippet

invenio.cfg

@@ -84,7 +84,9 @@ APP_DEFAULT_SECURE_HEADERS = {
             "'unsafe-inline'",  # for inline scripts and styles
             "blob:",  # for pdf preview
             "cdnjs.cloudflare.com",
-            # Add your own policies here (e.g. analytics)
+            # For CERN Matomo
+            "webanalytics.web.cern.ch",
+            "test-matomo-wf.web.cern.ch",
         ],
     },
     'content_security_policy_report_only': False,
@@ -137,6 +139,9 @@ THEME_SITENAME = 'CDS'
 # THEME_FOOTER_TEMPLATE = 'cds_rdm/footer.html'
 # THEME_HEADER_TEMPLATE = 'cds_rdm/header.html'
 
+# Site tracking code template for matomo analytics
+# Enable the below on the dedicated environment
+THEME_TRACKINGCODE_TEMPLATE = "cds_rdm/matomo-test.html"
 
 # Invenio-App-RDM
 # ===============

site/cds_rdm/templates/semantic-ui/cds_rdm/matomo-prod.html

@@ -0,0 +1,15 @@
+<!-- Matomo -->
+<script>
+  var _paq = window._paq = window._paq || [];
+  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="https://webanalytics.web.cern.ch/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '756']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<!-- End Matomo Code -->

site/cds_rdm/templates/semantic-ui/cds_rdm/matomo-test.html

@@ -0,0 +1,15 @@
+<!-- Matomo -->
+<script>
+  var _paq = window._paq = window._paq || [];
+  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="https://test-matomo-wf.web.cern.ch/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '325']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<!-- End Matomo Code -->