UN-2360 feat: supporto parametri UTM da URL e propagazione ai provider analytics

src/common/Track.tsx

@@ -3,6 +3,7 @@ import { Helmet } from 'react-helmet';
 import { useLocation } from 'react-router-dom';
 import { useGetUsersMeQuery } from 'src/features/api';
 import { useActiveWorkspace } from 'src/hooks/useActiveWorkspace';
+import { useUtmParams } from 'src/hooks/useUtmParams';
 import { useAnalytics } from 'use-analytics';
 
 export const Track = ({
@@ -19,7 +20,7 @@ export const Track = ({
   const { data: userData, isLoading, isSuccess } = useGetUsersMeQuery();
   const { activeWorkspace } = useActiveWorkspace();
   const { track, identify, page } = useAnalytics();
-  const utmSource = sessionStorage.getItem('utmSource');
+  const utmParams = useUtmParams();
   const location = useLocation();
 
   const defaultMeta = [
@@ -39,7 +40,7 @@ export const Track = ({
   ];
 
   useEffect(() => {
-    page();
+    page(utmParams);
   }, [location]);
 
   const helmet = () => (
@@ -64,7 +65,7 @@ export const Track = ({
         email: userData.email,
         company: activeWorkspace.company,
         workspace: activeWorkspace,
-        ...((utmSource && { utm_source: utmSource }) || {}),
+        ...utmParams,
       });
 
       track(

src/hooks/useUtmParams.ts

@@ -0,0 +1,42 @@
+import { useSearchParams } from 'react-router-dom';
+
+const UTM_KEYS = [
+  'utm_source',
+  'utm_medium',
+  'utm_campaign',
+  'utm_content',
+  'utm_term',
+  'platform',
+] as const;
+
+const STORAGE_KEY = 'utmParams';
+
+type UtmParams = Partial<Record<(typeof UTM_KEYS)[number], string>>;
+
+function getStoredUtmParams(): UtmParams {
+  try {
+    const stored = sessionStorage.getItem(STORAGE_KEY);
+    return stored ? JSON.parse(stored) : {};
+  } catch {
+    return {};
+  }
+}
+
+export function useUtmParams(): UtmParams {
+  const [searchParams] = useSearchParams();
+
+  const urlParams: UtmParams = {};
+  UTM_KEYS.forEach((key) => {
+    const value = searchParams.get(key);
+    if (value) {
+      urlParams[key] = value;
+    }
+  });
+
+  if (Object.keys(urlParams).length > 0) {
+    sessionStorage.setItem(STORAGE_KEY, JSON.stringify(urlParams));
+    return urlParams;
+  }
+
+  return getStoredUtmParams();
+}

src/pages/JoinPage/useJoinSubmit.tsx

@@ -16,7 +16,6 @@ export function useJoinSubmit(isInvited: boolean) {
   const sendGTMevent = useSendGTMevent({ loggedUser: false });
 
   const templateParam = searchParams.get('template');
-  const utmSource = searchParams.get('utm_source');
   let templateId: number | undefined;
 
   if (templateParam !== null) {
@@ -30,10 +29,6 @@ export function useJoinSubmit(isInvited: boolean) {
     templateId = parsed;
   }
 
-  if (utmSource !== null) {
-    sessionStorage.setItem('utmSource', utmSource);
-  }
-
   const onSubmit = useCallback(
     async (
       values: JoinFormValues,