change: [M3-5963] - Update Marketplace analytics search event (#9141)

linode · May 23, 2023 · 776c5bd · 776c5bd
1 parent 8c08af3
commit 776c5bd
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/packages/manager/src/features/linodes/LinodesCreate/TabbedContent/FromAppsContent.tsx b/packages/manager/src/features/linodes/LinodesCreate/TabbedContent/FromAppsContent.tsx
@@ -249,7 +249,7 @@ class FromAppsContent extends React.Component<CombinedProps, State> {
     const didUserSelectCategory = categoryItem !== null;
     let instancesInCategory: StackScript[] | undefined = [];
     if (didUserSelectCategory) {
-      sendMarketplaceSearchEvent(categoryItem.label);
+      sendMarketplaceSearchEvent('Category Dropdown', categoryItem.label);
       const appsInCategory = oneClickApps.filter((oca) =>
         oca.categories?.includes(categoryItem.value)
       );
@@ -296,6 +296,10 @@ class FromAppsContent extends React.Component<CombinedProps, State> {
       this.props.updateStackScript
     );
 
+    const handleSearchFieldClick = () => {
+      sendMarketplaceSearchEvent('Search Field');
+    };
+
     const logoUrl = appInstances?.find(
       (app) => app.id === selectedStackScriptID
     )?.logo_url;
@@ -324,6 +328,7 @@ class FromAppsContent extends React.Component<CombinedProps, State> {
                   fullWidth
                   onSearch={this.onSearch}
                   label="Search marketplace"
+                  onClick={handleSearchFieldClick}
                   hideLabel
                   value={query}
                 />

diff --git a/packages/manager/src/utilities/ga.ts b/packages/manager/src/utilities/ga.ts
@@ -396,10 +396,15 @@ export const sendObjectStorageDocsEvent = (action: string) => {
   });
 };
 
-export const sendMarketplaceSearchEvent = (appCategory?: string) => {
+type TypeOfSearch = 'Search Field' | 'Category Dropdown';
+
+export const sendMarketplaceSearchEvent = (
+  typeOfSearch: TypeOfSearch,
+  appCategory?: string
+) => {
   sendEvent({
     category: 'Marketplace Create Flow',
-    action: 'Category Dropdown',
-    label: appCategory,
+    action: `Click: ${typeOfSearch}`,
+    label: appCategory ?? 'Apps Search',
   });
 };