#3414 webpage: try new matomo integration

Signed-off-by: Patrizio Bekerle <[email protected]>

Author: pbek

webpage/src/.vuepress/client.js

@@ -28,6 +28,9 @@ import BlogDate from "./components/BlogDate.vue";
 import BlogIndex from "./components/BlogIndex.vue";
 import ProfileCard from "./components/ProfileCard.vue";
 
+// Import Matomo analytics (replaces vuepress-plugin-matomo)
+import { initMatomo } from "./utils/matomo.js";
+
 export default defineClientConfig({
   enhance({ app, router, siteData }) {
     // Create Vuetify instance with only the components we use
@@ -65,35 +68,8 @@ export default defineClientConfig({
     app.component("BlogIndex", BlogIndex);
     app.component("ProfileCard", ProfileCard);
 
-    // Initialize Matomo Analytics (client-side only)
-    if (typeof window !== "undefined") {
-      // Matomo tracking code
-      window._paq = window._paq || [];
-      window._paq.push(["trackPageView"]);
-      window._paq.push(["enableLinkTracking"]);
-
-      (function () {
-        var u = "https://p.bekerle.com/";
-        window._paq.push(["setTrackerUrl", u + "matomo.php"]);
-        window._paq.push(["setSiteId", "7"]);
-
-        var d = document;
-        var g = d.createElement("script");
-        var s = d.getElementsByTagName("script")[0];
-        g.async = true;
-        g.src = u + "matomo.js";
-        s.parentNode.insertBefore(g, s);
-      })();
-
-      // Track page changes on route navigation
-      router.afterEach((to) => {
-        if (window._paq) {
-          window._paq.push(["setCustomUrl", window.location.href]);
-          window._paq.push(["setDocumentTitle", document.title]);
-          window._paq.push(["trackPageView"]);
-        }
-      });
-    }
+    // Initialize Matomo Analytics (replaces vuepress-plugin-matomo)
+    initMatomo(router);
   },
   setup() {},
   rootComponents: [],

webpage/src/.vuepress/utils/matomo.js

@@ -0,0 +1,50 @@
+/**
+ * Matomo Analytics Integration for VuePress 2
+ *
+ * This replaces the old vuepress-plugin-matomo plugin.
+ * Configuration equivalent to:
+ * {
+ *   siteId: 7,
+ *   trackerUrl: "https://p.bekerle.com/",
+ *   trackerJsFile: "matomo.js"
+ * }
+ */
+
+export const initMatomo = (router) => {
+  // Only run in browser
+  if (typeof window === "undefined") return;
+
+  // Configuration
+  const config = {
+    siteId: 7,
+    trackerUrl: "https://p.bekerle.com/",
+    trackerJsFile: "matomo.js",
+  };
+
+  // Initialize Matomo
+  window._paq = window._paq || [];
+  window._paq.push(["trackPageView"]);
+  window._paq.push(["enableLinkTracking"]);
+
+  (function () {
+    const u = config.trackerUrl;
+    window._paq.push(["setTrackerUrl", u + "matomo.php"]);
+    window._paq.push(["setSiteId", config.siteId.toString()]);
+
+    const d = document;
+    const g = d.createElement("script");
+    const s = d.getElementsByTagName("script")[0];
+    g.async = true;
+    g.src = u + config.trackerJsFile;
+    s.parentNode.insertBefore(g, s);
+  })();
+
+  // Track page changes on route navigation (SPA support)
+  router.afterEach((to) => {
+    if (window._paq) {
+      window._paq.push(["setCustomUrl", window.location.href]);
+      window._paq.push(["setDocumentTitle", document.title]);
+      window._paq.push(["trackPageView"]);
+    }
+  });
+};