From 4b9af8aa86b0aeff1b30d1b79551f7e9515d9b0e Mon Sep 17 00:00:00 2001
From: Keith Holliday <krh121791@yahoo.com>
Date: Tue, 17 Apr 2018 12:43:52 -0500
Subject: [PATCH] Added analytics to front. Fixed group plan tracking (#10262)

---
 website/client/app.vue                            |  6 +++++-
 website/client/components/auth/authForm.vue       |  8 --------
 .../group-plans/createGroupModalPages.vue         |  8 --------
 website/client/components/static/groupPlans.vue   | 15 +++++++++++++++
 website/client/libs/analytics.js                  |  2 +-
 5 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/website/client/app.vue b/website/client/app.vue
index c7214ad1c4..3f9031a071 100644
--- a/website/client/app.vue
+++ b/website/client/app.vue
@@ -373,6 +373,11 @@ export default {
       document.title = title;
     });
 
+    this.$nextTick(() => {
+      // Load external scripts after the app has been rendered
+      Analytics.load();
+    });
+
     if (this.isUserLoggedIn && !this.isStaticPage) {
       // Load the user and the user tasks
       Promise.all([
@@ -395,7 +400,6 @@ export default {
         this.$nextTick(() => {
           // Load external scripts after the app has been rendered
           setupPayments();
-          Analytics.load();
         });
       }).catch((err) => {
         console.error('Impossible to fetch user. Clean up localStorage and refresh.', err); // eslint-disable-line no-console
diff --git a/website/client/components/auth/authForm.vue b/website/client/components/auth/authForm.vue
index b2fc6cdc01..ced6e1e44f 100644
--- a/website/client/components/auth/authForm.vue
+++ b/website/client/components/auth/authForm.vue
@@ -73,7 +73,6 @@
 </style>
 
 <script>
-import * as Analytics from 'client/libs/analytics';
 import hello from 'hellojs';
 import { setUpAxios } from 'client/libs/auth';
 
@@ -104,13 +103,6 @@ export default {
       // windows: WINDOWS_CLIENT_ID,
       google: process.env.GOOGLE_CLIENT_ID, // eslint-disable-line
     });
-
-    Analytics.track({
-      hitType: 'event',
-      eventCategory: 'group-plans-static',
-      eventAction: 'view',
-      eventLabel: 'view-auth-form',
-    });
   },
   methods: {
     async socialAuth (network) {
diff --git a/website/client/components/group-plans/createGroupModalPages.vue b/website/client/components/group-plans/createGroupModalPages.vue
index c520088dd8..1dbeba34d1 100644
--- a/website/client/components/group-plans/createGroupModalPages.vue
+++ b/website/client/components/group-plans/createGroupModalPages.vue
@@ -126,14 +126,6 @@ export default {
       return Boolean(this.newGroup.name);
     },
   },
-  mounted () {
-    Analytics.track({
-      hitType: 'event',
-      eventCategory: 'group-plans-static',
-      eventAction: 'view',
-      eventLabel: 'create-group',
-    });
-  },
   methods: {
     changePage (page) {
       Analytics.track({
diff --git a/website/client/components/static/groupPlans.vue b/website/client/components/static/groupPlans.vue
index f052d532c2..3ca04c185e 100644
--- a/website/client/components/static/groupPlans.vue
+++ b/website/client/components/static/groupPlans.vue
@@ -195,6 +195,7 @@
 </style>
 
 <script>
+  import * as Analytics from 'client/libs/analytics';
   import { setup as setupPayments } from 'client/libs/payments';
   import amazonPaymentsModal from 'client/components/payments/amazonModal';
   import StaticHeader from './header.vue';
@@ -227,10 +228,24 @@
     },
     methods: {
       goToNewGroupPage () {
+        Analytics.track({
+          hitType: 'event',
+          eventCategory: 'group-plans-static',
+          eventAction: 'view',
+          eventLabel: 'view-auth-form',
+        });
+
         this.$root.$emit('bv::show::modal', 'group-plan');
       },
       authenticate () {
         this.modalPage = 'purchaseGroup';
+
+        Analytics.track({
+          hitType: 'event',
+          eventCategory: 'group-plans-static',
+          eventAction: 'view',
+          eventLabel: 'create-group',
+        });
       },
     },
   };
diff --git a/website/client/libs/analytics.js b/website/client/libs/analytics.js
index 4862d86899..224e27465f 100644
--- a/website/client/libs/analytics.js
+++ b/website/client/libs/analytics.js
@@ -138,4 +138,4 @@ export function load () {
   gaScript.async = 1;
   gaScript.src = '//www.google-analytics.com/analytics.js';
   firstScript.parentNode.insertBefore(gaScript, firstScript);
-}
\ No newline at end of file
+}