chore: add analytics for page creation ctas (#18676)

app/client/src/pages/Editor/Explorer/Pages/AddPageContextMenu.tsx

@@ -32,6 +32,7 @@ import {
 } from "@appsmith/constants/messages";
 import HotKeys from "../Files/SubmenuHotkeys";
 import { selectFeatureFlags } from "selectors/usersSelectors";
+import AnalyticsUtil from "utils/AnalyticsUtil";
 
 const MenuItem = styled.div<{ active: boolean }>`
   display: flex;
@@ -91,12 +92,14 @@ function AddPageContextMenu({
         icon: FileAddIcon,
         onClick: createPageCallback,
         "data-cy": "add-page",
+        key: "CREATE_PAGE",
       },
       {
         title: createMessage(GENERATE_PAGE_ACTION_TITLE),
         icon: Database2LineIcon,
         onClick: () => history.push(generateTemplateFormURL({ pageId })),
         "data-cy": "generate-page",
+        key: "GENERATE_PAGE",
       },
     ];
 
@@ -106,6 +109,7 @@ function AddPageContextMenu({
         icon: Layout2LineIcon,
         onClick: () => dispatch(showTemplatesModal(true)),
         "data-cy": "add-page-from-template",
+        key: "ADD_PAGE_FROM_TEMPLATE",
       });
     }
 
@@ -134,6 +138,9 @@ function AddPageContextMenu({
   const onMenuItemClick = (item: typeof ContextMenuItems[number]) => {
     setShow(false);
     item.onClick();
+    AnalyticsUtil.logEvent("ENTITY_EXPLORER_ADD_PAGE_CLICK", {
+      item: item.key,
+    });
   };
 
   return (

app/client/src/pages/Editor/WidgetsEditor/EmptyCanvasSection.tsx

@@ -96,6 +96,16 @@ function CanvasTopSection() {
 
   const showTemplatesModal = () => {
     dispatch(showTemplatesModalAction(true));
+    AnalyticsUtil.logEvent("CANVAS_BLANK_PAGE_CTA_CLICK", {
+      item: "ADD_PAGE_FROM_TEMPLATE",
+    });
+  };
+
+  const onGeneratePageClick = () => {
+    goToGenPageForm({ applicationSlug, pageSlug, pageId });
+    AnalyticsUtil.logEvent("CANVAS_BLANK_PAGE_CTA_CLICK", {
+      item: "GENERATE_PAGE",
+    });
   };
 
   return (
@@ -116,7 +126,7 @@ function CanvasTopSection() {
       <Card
         centerAlign={!featureFlags.TEMPLATES_PHASE_2}
         data-cy="generate-app"
-        onClick={() => goToGenPageForm({ applicationSlug, pageSlug, pageId })}
+        onClick={onGeneratePageClick}
       >
         <Database />
         <Content>

app/client/src/utils/AnalyticsUtil.tsx

@@ -268,6 +268,8 @@ export type EventName =
   | "SHOW_BINDINGS_TRIGGERED"
   | "BINDING_COPIED"
   | "AUTO_HEIGHT_OVERLAY_HANDLES_UPDATE"
+  | "ENTITY_EXPLORER_ADD_PAGE_CLICK"
+  | "CANVAS_BLANK_PAGE_CTA_CLICK"
   | AUDIT_LOGS_EVENT_NAMES
   | "BRANDING_UPGRADE_CLICK"
   | "BRANDING_PROPERTY_UPDATE"