adding page analytics

Author: Parth Shah

src/config/constants.js

@@ -219,7 +219,5 @@ export const PROJECT_MAX_COLORS = 5
 
 export const AUTOCOMPLETE_TRIGGER_LENGTH = 3
 
-export const HEAP_ANALYTICS_APP_ID = process.env.HEAP_ANALYTICS_APP_ID || '4153837120'
-
 // Toggle this flag to enable/disable maintenance mode
 export const MAINTENANCE_MODE = false

src/index.jsx

@@ -20,8 +20,6 @@ const onRouteChange = () => {
 if (!_.isEmpty(SEGMENT_KEY)) {
   !!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0";
   analytics.load(SEGMENT_KEY);
-  analytics.page();
-  // analytics.debug()
   }}();
 }
 

src/projects/actions/projectTopics.js

@@ -10,6 +10,7 @@ import {
   LOAD_PROJECT_FEEDS_MEMBERS
 } from '../../config/constants'
 import { loadMembers } from '../../actions/members'
+// import { EventTypes } from 'redux-segment'
 
 /**
  * Load all project data to paint the dashboard
@@ -102,12 +103,25 @@ export function createProjectTopic(projectId, topic) {
     reference: 'project',
     referenceId: projectId.toString()
   }, topic)
-  return (dispatch) => {
+  return (dispatch/*, getState*/) => {
+    // const projectStatus = getState().projectState.project.status
     return dispatch({
       type: CREATE_PROJECT_FEED,
       payload: createTopic(updatedTopic),
       meta: {
         tag: topic.tag
+        // analytics: {
+        //   eventType: EventTypes.track,
+        //   eventPayload: {
+        //     event: 'Project Topic Created',
+        //     properties: {
+        //       text: topic.body,
+        //       topicCategory: topic.tag,
+        //       projectId,
+        //       projectStatus
+        //     }
+        //   }
+        // }
       }
     })
   }
@@ -127,11 +141,26 @@ export function loadFeedComments(feedId, tag, postIds) {
 }
 
 export function addFeedComment(feedId, tag, comment) {
-  return (dispatch) => {
+  return (dispatch/*, getState*/) => {
+    // const projectStatus = getState().projectState.project.status
     return dispatch({
       type: CREATE_PROJECT_FEED_COMMENT,
       payload: addTopicPost(feedId, comment),
-      meta: { feedId, tag }
+      meta: {
+        feedId,
+        tag
+        // analytics: {
+        //   eventType: EventTypes.track,
+        //   eventPayload: {
+        //     event: 'Project Topic Comment Created',
+        //     properties: {
+        //       topicCategory: tag,
+        //       topicId: feedId,
+        //       projectStatus
+        //     }
+        //   }
+        // }
+      }
     })
   }
 }

src/routes.jsx

@@ -14,9 +14,19 @@ import { getFreshToken } from 'tc-accounts'
 // import reportsListRoutes from './reports/routes.jsx'
 
 // Tracking
-browserHistory.listen( () => {
+browserHistory.listen(location => {
   if (window.analytics) {
-    window.analytics.page()
+    if (/^projects\/$/.test(location.pathname)) {
+      window.analytics.page('Project Listings')
+    } else if (/^projects\/\d+\/?$/.test(location.pathname)) {
+      window.analytics.page('Project Dashboard')
+    } else if (/^projects\/\d+\/discussions\/?$/.test(location.pathname)) {
+      window.analytics.page('Project Discussions')
+    } else if (/^projects\/\d+\/specification\/?$/.test(location.pathname)) {
+      window.analytics.page('Project Specification')
+    } else if (/^\/$/.test(location.pathname)) {
+      window.analytics.page('Connect Home')
+    }
   }
 })