Merge pull request #3465 from Vizzuality/feature/new-analytics-events-for-widget-settings

Feature: GA events for widget settings menu

Author: edbrett

app/javascript/components/widgets/actions.js

@@ -9,6 +9,7 @@ import * as WIDGETS from './manifest';
 export const setWidgetSettings = createAction('setWidgetSettings');
 export const setWidgetLoading = createAction('setWidgetLoading');
 export const setWidgetData = createAction('setWidgetData');
+export const settingsItemSelected = createAction('settingsItemSelected');
 
 export const getWidgetData = createThunkAction(
   'getWidgetData',
@@ -23,6 +24,12 @@ export const getWidgetData = createThunkAction(
 export const setWidgetSettingsUrl = createThunkAction(
   'setWidgetSettingsUrl',
   ({ value, widget }) => (dispatch, state) => {
+    dispatch(
+      settingsItemSelected({
+        value,
+        widget
+      })
+    );
     const { location } = state();
     let params = value;
     if (location.query && location.query[widget]) {
@@ -68,6 +75,7 @@ export const setWidgetSettingsStore = createThunkAction(
 export default {
   setWidgetSettingsUrl,
   setWidgetSettingsStore,
+  settingsItemSelected,
   setWidgetData,
   getWidgetData,
   setWidgetLoading,

app/javascript/pages/dashboards/analytics.js

@@ -1,11 +1,15 @@
 import shareActions from 'components/modals/share/share-actions';
 import modalActions from 'components/modals/meta/meta-actions';
 import buttonActions from 'components/ui/button/button-actions';
+import widgetActions from 'components/widgets/actions';
 import { COUNTRY } from 'pages/dashboards/router';
-import isEqual from 'lodash/isEqual';
-import omit from 'lodash/omit';
 
-const allActions = { ...shareActions, ...buttonActions, ...modalActions };
+const allActions = {
+  ...shareActions,
+  ...buttonActions,
+  ...modalActions,
+  ...widgetActions
+};
 const actions = Object.keys(allActions).reduce(
   (state, action) => ({
     ...state,
@@ -76,24 +80,11 @@ export const ANALYTICS_EVENTS = [
     label: payload => payload.subtitle
   },
   {
-    name: COUNTRY,
-    category: 'Country Page',
-    action: 'User changes widget settings',
-    label: 'User changed settings',
-    condition: payload => {
-      const location = payload && payload.location;
-      const current =
-        location &&
-        location.current &&
-        location.current.query &&
-        omit(location.current.query, ['widget', 'category']);
-      const prev =
-        location &&
-        location.prev &&
-        location.prev.query &&
-        omit(location.prev.query, ['widget', 'category']);
-      return current && prev && !isEqual(current, prev);
-    }
+    name: actions.settingsItemSelected,
+    category: 'Country Widget Settings',
+    action: payload => `Change ${Object.keys(payload.value)[0]}`,
+    label: payload =>
+      `${payload.value[Object.keys(payload.value)[0]]} | ${payload.widget}`
   },
   {
     name: actions.buttonClicked,