log to supabase

app/templates/base.html

@@ -60,11 +60,48 @@
         </footer>
     </div>
 
+
+    <script>
+      // ---- Visitor & Session Identity ----
+      function getVisitorId() {
+        const KEY = 'dp_sgd_visitor_id';
+        let id = localStorage.getItem(KEY);
+        if (!id) {
+          id = crypto.randomUUID();
+          localStorage.setItem(KEY, id);
+        }
+        return id;
+      }
+
+      function getSessionId() {
+        const KEY = 'dp_sgd_session_id';
+        let id = sessionStorage.getItem(KEY);
+        if (!id) {
+          id = crypto.randomUUID();
+          sessionStorage.setItem(KEY, id);
+        }
+        return id;
+      }
+
+      window.__visitor_id = getVisitorId();
+      window.__session_id = getSessionId();
+
+      function track(event, props = {}) {
+        fetch('/track', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            event,
+            visitor_id: window.__visitor_id,
+            session_id: window.__session_id,
+            ...props
+          })
+        });
+      }
+    </script>
+
+
     <script src="{{ url_for('static', filename='js/main.js') }}"></script>
     {% block extra_scripts %}{% endblock %}
 </body>
-</html>
-
-<a ... class="nav-link" data-track="nav_attacks">Privacy Attacks</a>
-<a ... class="nav-link" data-track="nav_learning">Learning Hub</a>
-<a ... class="nav-link" data-track="nav_playground">Playground</a>
+</html>