Add A/B testing possibility, resolves #63

SizeMeCom · Aug 2, 2017 · 829d9b8 · 829d9b8
1 parent 8005938
commit 829d9b8
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 15 deletions.
diff --git a/index2.html b/index2.html
@@ -829,7 +829,7 @@ <h2>Product Tags</h2>
         <script type="text/javascript">
             //<![CDATA[
             var sizeme_options = {
-                service_status: "on",
+                serviceStatus: "on",
                 buttonize: "no",
                 pluginVersion: "MAG1-1.0.0",
                 shopType: "magento",

diff --git a/src/common/MeasurementInput.jsx b/src/common/MeasurementInput.jsx
@@ -98,7 +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");					
+                    trackEvent("measurementEntered", "Store: Measurement entered or changed in input field");
                 }
             });
         }

diff --git a/src/index.js b/src/index.js
@@ -1,4 +1,4 @@
-/* global VERSION, BUILD_DATE */
+/* global VERSION, BUILD_DATE, sizeme_options */
 import "babel-polyfill";
 
 import React from "react";
@@ -16,8 +16,26 @@ import "./scss/index.scss";
 
 console.log("Initializing SizeMe, version " + VERSION + ", built on " + BUILD_DATE);
 
-const section = document.createElement("div");
-document.querySelector(uiOptions.appendContentTo).appendChild(section);
+let sizemeDisabled = false;
+
+if (sizeme_options.serviceStatus === "ab") {
+    const storageABValue = localStorage.getItem("sizemeABDisabled");
+
+    if (!storageABValue) {
+        sizemeDisabled = Math.floor(Math.random() * 100) % 2 === 0;
+        localStorage.setItem("sizemeABDisabled", JSON.stringify(sizemeDisabled));
+    } else {
+        sizemeDisabled = JSON.parse(storageABValue);
+    }
+
+    console.log("SizeMe A/B testing, status: " + (sizemeDisabled ? "B" : "A"));
+
+    if (sizemeDisabled) {
+        trackEvent("productPageLoggedOutABDenied", "Store: Product page load, logged out, AB SM denied");
+    } else {
+        trackEvent("productPageLoggedOutABEnabled", "Store: Product page load, logged out, AB SM enabled");
+    }
+}
 
 const { addToCartElement, addToCartEvent } = uiOptions;
 if (addToCartElement && addToCartEvent) {
@@ -39,13 +57,18 @@ if (addToCartElement && addToCartEvent) {
     }
 }
 
-//noinspection RequiredAttributes
-render(
-    <I18nextProvider i18n={i18n}>
-        <Provider store={sizemeStore}>
-            <SizeMeApp/>
-        </Provider>
-    </I18nextProvider>,
-    section,
-    () => SizeSelector.initSizeSelector(size => sizemeStore.dispatch(selectSize(size)))
-);
+if (!sizemeDisabled) {
+    const section = document.createElement("div");
+    document.querySelector(uiOptions.appendContentTo).appendChild(section);
+
+    //noinspection RequiredAttributes
+    render(
+        <I18nextProvider i18n={i18n}>
+            <Provider store={sizemeStore}>
+                <SizeMeApp/>
+            </Provider>
+        </I18nextProvider>,
+        section,
+        () => SizeSelector.initSizeSelector(size => sizemeStore.dispatch(selectSize(size)))
+    );
+}