Merge pull request #803 from alexstotsky/improve-analytics

(improvements) Analytics: click tracking

src/ui/DateInput/DateInput.js

@@ -5,6 +5,7 @@ import { DateInput as BptDateInput, TimePrecision } from '@blueprintjs/datetime'
 
 import Icon from 'icons'
 import { tracker } from 'utils/trackers'
+import { getSourceFromPathName } from 'utils/browser'
 import {
   DEFAULT_DATETIME_FORMAT, momentFormatter, momentFormatterDays,
 } from 'state/utils'
@@ -28,7 +29,7 @@ class DateInput extends PureComponent {
   }
 
   onToggle = (isOpen) => {
-    tracker.trackEvent('Date Input')
+    tracker.trackEvent('Date Input', getSourceFromPathName())
     this.setState({ isOpen })
   }
 

src/ui/MultiSelect/MultiSelect.js

@@ -5,6 +5,7 @@ import { MultiSelect as BlueprintMultiSelect } from '@blueprintjs/select'
 
 import Icon from 'icons'
 import { tracker } from 'utils/trackers'
+import { getSourceFromPathName } from 'utils/browser'
 
 import { propTypes, defaultProps } from './MultiSymbolSelector.props'
 
@@ -22,7 +23,7 @@ class MultiSelect extends PureComponent {
 
   onToggle = (isOpen) => {
     const { type } = this.props
-    tracker.trackEvent(type)
+    tracker.trackEvent(type, getSourceFromPathName())
     this.setState({ isOpen })
   }
 

src/ui/Select/Select.js

@@ -13,6 +13,7 @@ import { Select as BlueprintSelect } from '@blueprintjs/select'
 import Icons from 'icons'
 import { tracker } from 'utils/trackers'
 import { filterSelectorItem } from 'ui/utils'
+import { getSourceFromPathName } from 'utils/browser'
 
 class Select extends PureComponent {
   static propTypes = {
@@ -101,7 +102,7 @@ class Select extends PureComponent {
 
   onToggle = (nextOpenState) => {
     const { type } = this.props
-    tracker.trackEvent(type)
+    tracker.trackEvent(type, getSourceFromPathName())
     this.setState({ isOpen: nextOpenState })
   }
 

src/ui/TimeRange/TimeRange.js

@@ -4,6 +4,7 @@ import classNames from 'classnames'
 import Icon from 'icons'
 import { tracker } from 'utils/trackers'
 import { formatDate } from 'state/utils'
+import { getSourceFromPathName } from 'utils/browser'
 
 import { propTypes, defaultProps } from './TimeRange.props'
 
@@ -16,7 +17,7 @@ const TimeRange = ({
   toggleTimeFrameDialog,
 }) => {
   const onClick = () => {
-    tracker.trackEvent('Date')
+    tracker.trackEvent('Date', getSourceFromPathName())
     toggleTimeFrameDialog()
   }
 

src/utils/browser.js

@@ -20,3 +20,5 @@ export const getCookieValue = (key) => cookie.get(key)
 export const setCookie = (key, value, opts) => {
   cookie.set(key, value, { ...defaultCookieOpts, ...opts })
 }
+
+export const getSourceFromPathName = () => window?.location?.pathname?.slice(1) ?? ''