added Google Analytics

4147794f · Léon Amirkhanian · efd61c86 · 4147794f · 4147794f · 4147794f
Commit 4147794f authored 5 months ago by Léon Amirkhanian
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -30,4 +30,4 @@ pages:
    paths:
      - public
  only:
-    - main
+    - main
\ No newline at end of file
--- a/index.html
+++ b/index.html
@@ -5,9 +5,17 @@
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>LENIX.IO</title>
+    <!-- Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-TH8TBQFKHJ"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'G-XXXXXXXXXX');
+    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
-</html>
\ No newline at end of file
+</html>
--- a/src/hooks/useGoogleAnalytics.ts
+++ b/src/hooks/useGoogleAnalytics.ts
+import { useEffect } from 'react';
+
+declare global {
+  interface Window {
+    gtag: (
+      type: string,
+      action: string,
+      params?: { [key: string]: any }
+    ) => void;
+  }
+}
+
+export const useGoogleAnalytics = () => {
+  const trackPageView = (url: string) => {
+    if (typeof window.gtag !== 'undefined') {
+      window.gtag('config', 'G-XXXXXXXXXX', {
+        page_path: url,
+      });
+    }
+  };
+
+  const trackEvent = (category: string, action: string, label?: string, value?: number) => {
+    if (typeof window.gtag !== 'undefined') {
+      window.gtag('event', action, {
+        event_category: category,
+        event_label: label,
+        value: value,
+      });
+    }
+  };
+
+  useEffect(() => {
+    // Track initial page view
+    trackPageView(window.location.pathname);
+
+    // Track when hash changes (for SPA navigation)
+    const handleHashChange = () => {
+      trackPageView(window.location.pathname + window.location.hash);
+    };
+
+    window.addEventListener('hashchange', handleHashChange);
+
+    return () => {
+      window.removeEventListener('hashchange', handleHashChange);
+    };
+  }, []);
+
+  return { trackEvent };
+};
\ No newline at end of file