Add google analytics log to form submission

corehq/apps/cloudcare/static/cloudcare/js/form_entry/web_form_session.js

@@ -10,6 +10,7 @@ hqDefine("cloudcare/js/form_entry/web_form_session", [
     'cloudcare/js/form_entry/form_ui',
     'cloudcare/js/formplayer/utils/utils',
     'cloudcare/js/formplayer/users/models',
+    'cloudcare/js/gtx',
 ], function (
     $,
     ko,
@@ -22,6 +23,7 @@ hqDefine("cloudcare/js/form_entry/web_form_session", [
     formUI,
     utils,
     UsersModels,
+    gtx,
 ) {
     function WebFormSession(params) {
         var self = {};
@@ -543,6 +545,11 @@ hqDefine("cloudcare/js/form_entry/web_form_session", [
                         function (resp) {
                             form.isSubmitting(false);
                             if (resp.status === 'success') {
+                                const gtxEventData = {
+                                    title: form.title(),
+                                    breadcrumbs: form.breadcrumbs() ? form.breadcrumbs().join(">") : "",
+                                };
+                                gtx.logFormSubmit(gtxEventData);
                                 self.onsubmit(resp);
                             } else {
                                 $.each(resp.errors, function (ix, error) {

corehq/apps/cloudcare/static/cloudcare/js/formplayer/menus/controller.js

@@ -16,6 +16,7 @@ hqDefine("cloudcare/js/formplayer/menus/controller", [
     'cloudcare/js/formplayer/menus/views/query',
     'cloudcare/js/formplayer/menus/views',
     'cloudcare/js/formplayer/menus/api',    // app:select:menus and entity:get:details
+    'cloudcare/js/gtx',
 ], function (
     $,
     _,
@@ -33,7 +34,10 @@ hqDefine("cloudcare/js/formplayer/menus/controller", [
     menusUtils,
     queryView,
     views,
+    api,
+    gtx,
 ) {
+
     var selectMenu = function (options) {
 
         options.preview = UsersModels.getCurrentUser().displayOptions.singleAppMode;
@@ -52,6 +56,8 @@ hqDefine("cloudcare/js/formplayer/menus/controller", [
                 return;
             }
 
+            gtx.logNavigateMenu(gtx.extractSelections(menuResponse));
+
             //set title of tab to application name
             if (menuResponse.breadcrumbs) {
                 document.title = menuResponse.breadcrumbs[0];

corehq/apps/cloudcare/static/cloudcare/js/formplayer/menus/utils.js

@@ -10,7 +10,7 @@ hqDefine("cloudcare/js/formplayer/menus/utils", [
     'cloudcare/js/formplayer/users/models',
     'cloudcare/js/formplayer/utils/utils',
     'cloudcare/js/formplayer/menus/views',
-    'analytix/js/gtx',
+    'cloudcare/js/gtx',
 ], function (
     _,
     Backbone,
@@ -224,7 +224,7 @@ hqDefine("cloudcare/js/formplayer/menus/utils", [
                 moduleName: menuResponse.title,
             });
             kissmetrics.track.event("Viewed Case List", kissmetricsEventData);
-            gtx.sendEvent("web_apps_viewed_case_list", gtxEventData);
+            gtx.logCaseList(gtx.extractSelections(menuResponse), gtxEventData);
 
             if (/search_command\.m\d+/.test(menuResponse.queryKey) && menuResponse.currentPage === 0) {
                 kissmetrics.track.event('Started Case Search', {

corehq/apps/cloudcare/static/cloudcare/js/gtx.js

@@ -0,0 +1,65 @@
+hqDefine('cloudcare/js/gtx', [
+    'underscore',
+    'analytix/js/gtx',
+], function (
+    _,
+    gtx,
+) {
+    let lastCaseListSelections = "";
+    let lastCaseListTimeMs = Date.now();
+    let lastSelections = "";
+    let lastSelectionsChangeTimeMs = Date.now();
+
+    const extractSelections = function (menuResponse) {
+        return menuResponse.selections ? menuResponse.selections.join(">") : "";
+    };
+
+    const logNavigateMenu = function (selections) {
+        if (selections !== lastSelections) {
+            const navigatedAwayFromCaseList =
+                lastCaseListSelections !== "" && !selections.startsWith(lastCaseListSelections);
+            const gtxEventData = {
+                selections: selections,
+                previousSelections: lastSelections,
+                navigatedAwayFromCaseList: navigatedAwayFromCaseList,
+                caseListSelection: lastCaseListSelections,
+                timeSinceLastSelectionChangeMs: Date.now() - lastSelectionsChangeTimeMs,
+                timeSinceLastCaseListOpenMs: Date.now() - lastCaseListTimeMs,
+            };
+            lastSelections = selections;
+            lastSelectionsChangeTimeMs = Date.now();
+            if (navigatedAwayFromCaseList) {
+                lastCaseListSelections = "";
+            }
+            gtx.sendEvent("web_apps_selection_change", gtxEventData);
+        }
+    };
+
+    const logCaseList = function (selections, gtxEventData) {
+        _.extend(gtxEventData, {
+            selections: selections,
+        });
+        if (selections !== lastCaseListSelections) {
+            lastCaseListSelections = selections;
+            lastCaseListTimeMs = Date.now();
+        }
+        gtx.sendEvent("web_apps_viewed_case_list", gtxEventData);
+    };
+
+    const logFormSubmit = function (gtxEventData) {
+        _.extend(gtxEventData, {
+            navigatedAwayFromCaseList: true,
+            timeSinceLastCaseListOpenMs: Date.now() - lastCaseListTimeMs,
+            caseListSelection: lastCaseListSelections,
+        });
+        lastCaseListSelections = "";
+        gtx.sendEvent("web_apps_submit_form", gtxEventData);
+    };
+
+    return {
+        extractSelections: extractSelections,
+        logCaseList: logCaseList,
+        logFormSubmit: logFormSubmit,
+        logNavigateMenu: logNavigateMenu,
+    };
+});