Merge pull request #64 from nomasi/master

Events for the new UI added
SizeMeCom · Aug 1, 2017 · 8005938 · 8005938
2 parents f3a2d49 + 1cebd73
commit 8005938
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/src/SizeMeApp.jsx b/src/SizeMeApp.jsx
@@ -31,13 +31,13 @@ class SizeMeApp extends React.Component {
             getProduct()
         ]).then(([tokenResolved, productResolved]) => {
             if (tokenResolved && productResolved) {
-                trackEvent("productPageLoggedIn", "Store: Product page load, logged in");
+                trackEvent("productPageLoggedIn", "Store: Product page load, SM product, logged in");
             } else if (tokenResolved && !productResolved) {
-                trackEvent("productPageNonSMLoggedIn", "Store: Product page load, logged in");
+                trackEvent("productPageNonSMLoggedIn", "Store: Product page load, Non-SM product, logged in");
             } else if (!tokenResolved && productResolved) {
-                trackEvent("productPageLoggedOut", "Store: Product page load, logged out");
+                trackEvent("productPageLoggedOut", "Store: Product page load, SM product, logged out");
             } else {
-                trackEvent("productPageNonSMLoggedOut", "Store: Product page load, logged out");
+                trackEvent("productPageNonSMLoggedOut", "Store: Product page load, Non-SM product, logged out");
             }
             setSelectedProfile();
         });

diff --git a/src/api/SizeSelector.js b/src/api/SizeSelector.js
@@ -21,9 +21,11 @@ class AbstractSelect {
     setSelected = val => {
         if (this.selectors[val]) {
             this.selectors[val]();
+            trackEvent("sizeRecommended", "Store: Recommended a size based on user input");
         } else {
             this.clearSelection();
             selectSize("");
+            trackEvent("sizeCantRecommend", "Store: We couldnt find a size based on user input");
         }
     };
 }

diff --git a/src/common/MeasurementInput.jsx b/src/common/MeasurementInput.jsx
@@ -1,6 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import ReactTooltip from "react-tooltip";
+import { trackEvent } from "../api/ga";
 
 const unitMarks = {
     cm: "cm",
@@ -97,6 +98,7 @@ class MeasurementInput extends React.Component {
             this.setState(state, () => {
                 if (doDispatch) {
                     this.props.onChange(modelValue);
+                    trackEvent("measurementEntered", "Store: Measurement entered or changed in input field");					
                 }
             });
         }

diff --git a/src/common/SignupBox.jsx b/src/common/SignupBox.jsx
@@ -5,7 +5,6 @@ import "./SignupBox.scss";
 import validator from "validator";
 import { translate } from "react-i18next";
 
-
 class SignupBox extends React.Component {
     constructor (props) {
         super(props);

diff --git a/src/common/SizeForm.jsx b/src/common/SizeForm.jsx
@@ -14,6 +14,7 @@ import OverlapBox from "../illustrations/OverlapBox";
 import "./SizeForm.scss";
 import { translate } from "react-i18next";
 import { setTooltip } from "../api/actions";
+import { trackEvent } from "../api/ga";
 
 class SizeForm extends React.Component {
 
@@ -59,6 +60,7 @@ class SizeForm extends React.Component {
 
     openGuideModal = () => {
         this.setState({ guideModalOpen: true });
+        trackEvent("measurementGuideOpened", "Store: Measurement guide modal clicked");
     };
 
     closeGuideModal = () => {