From a628be259d93624a22b36ae3e3f9feee4c86adcb Mon Sep 17 00:00:00 2001
From: Nathan Woodburn <github@nathan.woodburn.au>
Date: Wed, 13 Dec 2023 15:17:18 +1100
Subject: [PATCH] feat: Add analytics to tribes page

---
 templates/tribe_view.html | 44 ++++++++++++++++++++++++++++-----------
 1 file changed, 32 insertions(+), 12 deletions(-)

diff --git a/templates/tribe_view.html b/templates/tribe_view.html
index 115c3aa..427de3d 100644
--- a/templates/tribe_view.html
+++ b/templates/tribe_view.html
@@ -5,15 +5,19 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <title>ShakeCities</title>
-    <meta name="twitter:description" content="Unlock web ownership's future with ShakeCities! Create your free, secure Handshake domain site. Integrate crypto payments, explore HNSChat, and join us in shaping the decentralized web!">
-    <meta name="description" content="Unlock web ownership's future with ShakeCities! Create your free, secure Handshake domain site. Integrate crypto payments, explore HNSChat, and join us in shaping the decentralized web!">
+    <meta name="twitter:description"
+        content="Unlock web ownership's future with ShakeCities! Create your free, secure Handshake domain site. Integrate crypto payments, explore HNSChat, and join us in shaping the decentralized web!">
+    <meta name="description"
+        content="Unlock web ownership's future with ShakeCities! Create your free, secure Handshake domain site. Integrate crypto payments, explore HNSChat, and join us in shaping the decentralized web!">
     <meta name="twitter:card" content="summary">
     <meta property="og:type" content="website">
     <meta property="og:image" content="https://shakecities.com/assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp">
     <meta property="og:title" content="ShakeCities">
     <meta name="twitter:title" content="ShakeCities">
-    <meta name="twitter:image" content="https://shakecities.com/assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp">
-    <meta property="og:description" content="Unlock web ownership's future with ShakeCities! Create your free, secure Handshake domain site. Integrate crypto payments, explore HNSChat, and join us in shaping the decentralized web!">
+    <meta name="twitter:image"
+        content="https://shakecities.com/assets/img/alexander-slattery-LI748t0BK8w-unsplash.webp">
+    <meta property="og:description"
+        content="Unlock web ownership's future with ShakeCities! Create your free, secure Handshake domain site. Integrate crypto payments, explore HNSChat, and join us in shaping the decentralized web!">
     <link rel="icon" type="image/png" sizes="670x700" href="/assets/img/HNS.png">
     <link rel="icon" type="image/png" sizes="670x700" href="/assets/img/HNSW.png" media="(prefers-color-scheme: dark)">
     <link rel="icon" type="image/png" sizes="670x700" href="/assets/img/HNS.png">
@@ -23,6 +27,21 @@
     <link rel="icon" type="image/png" sizes="670x700" href="/assets/img/HNS.png">
     <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="/assets/css/styles.min.css">
+    <!-- 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://analytics.woodburn.au/";
+            _paq.push(['setTrackerUrl', u + 'matomo.php']);
+            _paq.push(['setSiteId', '7']);
+            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 -->
 </head>
 
 
@@ -39,22 +58,23 @@
             {{members|safe}} <!-- This needs the safe filter to allow HTML to be rendered -->
         </p>
     </div>
-    
+
 
     <!-- Edit footer -->
     <div style="height: 100px;"></div>
-        <div style="position: fixed;bottom: 10px;right:25px;">
-                <p style="color:#ffffff;">{{edit|safe}}</p>        
-        </div>        
+    <div style="position: fixed;bottom: 10px;right:25px;">
+        <p style="color:#ffffff;">{{edit|safe}}</p>
+    </div>
     </div>
 
     <!-- Footer to display the powered by ShakeCities. -->
     <div style="height: 100px;"></div>
-        <div style="position: fixed;bottom: 10px;left:25px;">
-            <div style="display: inline-block; background: #ffffff;border-radius: 50%;padding: 10px;">
-                <img src="/assets/img/HNS.png" width="50px" height="50px">
+    <div style="position: fixed;bottom: 10px;left:25px;">
+        <div style="display: inline-block; background: #ffffff;border-radius: 50%;padding: 10px;">
+            <img src="/assets/img/HNS.png" width="50px" height="50px">
         </div>
-        <p style="margin-left: 25px; display:inline; color:#ffffff;">Powered by <a style="color: inherit;" href="https://shakecities.com" target="_blank">ShakeCities</a></p>
+        <p style="margin-left: 25px; display:inline; color:#ffffff;">Powered by <a style="color: inherit;"
+                href="https://shakecities.com" target="_blank">ShakeCities</a></p>
     </div>
     <script src="assets/bootstrap/js/bootstrap.min.js"></script>
     <script src="assets/js/script.min.js"></script>