fix: Use custom param to track new story map previous path

techmatters · Sep 22, 2023 · 521deef · 521deef
1 parent f45e19f
commit 521deef
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/src/storyMap/components/StoryMapNew.js b/src/storyMap/components/StoryMapNew.js
@@ -18,7 +18,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import _ from 'lodash/fp';
 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useSearchParams } from 'react-router-dom';
 import { Paper, useMediaQuery } from '@mui/material';
 
 import { useDocumentTitle } from 'common/document';
@@ -94,17 +94,20 @@ const StoryMapNew = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
   const { trackEvent } = useAnalytics();
+  const [searchParams] = useSearchParams();
   const [saved, setSaved] = useState();
 
   useDocumentTitle(t('storyMap.new_document_title'));
 
   useEffect(() => {
+    const source = searchParams.get('source') || 'direct';
     trackEvent('storymap.start', {
       props: {
         [ILM_OUTPUT_PROP]: LANDSCAPE_NARRATIVES,
+        source,
       },
     });
-  }, [trackEvent]);
+  }, [trackEvent, searchParams]);
 
   useEffect(() => {
     if (!saved) {

diff --git a/src/storyMap/components/StoryMapsCard.js b/src/storyMap/components/StoryMapsCard.js
@@ -232,7 +232,7 @@ const StoryMapsCard = ({ title, storyMaps, showCreate = true }) => {
     () =>
       showCreate && {
         label: t('storyMap.home_create'),
-        to: 'tools/story-maps/new?utm_source=home_page',
+        to: 'tools/story-maps/new?source=home_page',
       },
     [t, showCreate]
   );

diff --git a/src/storyMap/components/StoryMapsHomeCardDefault.js b/src/storyMap/components/StoryMapsHomeCardDefault.js
@@ -31,7 +31,7 @@ const StoryMapsHomeCardDefault = () => {
       titleId="story-maps-default-title"
       action={{
         label: t('storyMap.home_create'),
-        to: 'tools/story-maps/new?utm_source=home_page',
+        to: 'tools/story-maps/new?source=home_page',
       }}
       image={{
         src: storyMapImage,

diff --git a/src/storyMap/components/StoryMapsToolHome.js b/src/storyMap/components/StoryMapsToolHome.js
@@ -105,7 +105,7 @@ const StoryMapsToolsHome = () => {
               <Button
                 variant="contained"
                 component={Link}
-                to="/tools/story-maps/new?utm_source=story_maps_tools_page"
+                to="/tools/story-maps/new?source=story_maps_page"
                 sx={{ mt: 2, mb: 3 }}
               >
                 {t('storyMap.tool_home_create_button')}