More events

src/constants/analytics.js

@@ -17,12 +17,15 @@ const GaCategories = {
 const GaActions = {
   RESULT: 'Result',
   CLICKED: 'Clicked',
-  VIF: 'vif'
+  VIF: 'vif',
+  SUBMITTED: 'Submitted',
 };
 
 const GaLabels = {
   SUCCESS: 'Success',
-  ERROR: 'Error'
+  ERROR: 'Error',
+  LICENSE_PLATE_LOOKUP: 'License_Plate_Look_Up',
+  VIN_LOOKUP: 'Vin_Look_Up', 
 };
 
 

src/helpers/unit-test-helper.js

@@ -8,6 +8,7 @@ import { Form } from "vee-validate";
 import baseMixin from "@/mixins/base-mixin";
 import { getCookieDomainValue } from "@/helpers/heritage-integration/cookie-helper";
 import { analyticsPageEvents, GaCategories, GaActions, GaLabels, GaEvents } from "@/constants/analytics";
+import { queryStrings } from "@/constants/query-strings";
 
 // Common methods
 export function getMountOptions(mockData) {
@@ -46,6 +47,7 @@ export function getMountOptions(mockData) {
   mocks.GaActions = GaActions;
   mocks.GaLabels = GaLabels;
   mocks.GaEvents = GaEvents;
+  mocks.queryStrings = queryStrings;
 
   // Mock $store and $router when accessing this.$store/$router
   mocks.$store = mockData.store;

src/layouts/license-plate-lookup/license-plate-lookup.vue

@@ -174,6 +174,9 @@ export default {
       this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
     },
     async forwardButtonAction() {
+
+      this.pushEventToGA(this.$route.query[this.queryStrings.FMG_PAGE], this.GaActions.SUBMITTED, this.GaLabels.LICENSE_PLATE_LOOKUP , true);
+
       const zipValidation = this.serviceZip ? await this.validateZip(this.serviceZip) : await this.validateZip(this.registrationZip);
       if (!zipValidation.data.isServiceable) {
         this.$refs.funnelFooter.removeLoader();

src/layouts/vin-lookup/vin-lookup.vue

@@ -180,6 +180,8 @@ export default {
       this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
     },
     async forwardButtonAction() {
+      this.pushEventToGA(this.$route.query[this.queryStrings.FMG_PAGE], this.GaActions.SUBMITTED, this.GaLabels.VINLOOKUP , true);
+
       const zipValidation = await this.validateZip(this.zip);
       if (!zipValidation.data.isServiceable) {
         this.customAlertData.zip = this.zip;

src/mixins/base-mixin.js

@@ -3,6 +3,7 @@ import { storeActions } from "@/constants/store-actions.js";
 import { storeMutations } from "@/constants/store-mutations.js";
 import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
 import { vehicleCategories } from "@/constants/vehicle-categories.js";
+import { queryStrings } from "@/constants/query-strings";
 
 export default {
   data() {
@@ -54,6 +55,9 @@ export default {
     vehicleCategories() {
       return vehicleCategories;
     },
+    queryStrings(){
+      return queryStrings;
+    }
   },
 };
 

src/ux-components/button-main/button-main.vue

@@ -16,6 +16,7 @@
 
 <script>
 import loader from "@/ux-components/loader/loader";
+
 export default {
   name: "buttonMain",
   props: {
@@ -36,6 +37,7 @@ export default {
       this.isLoaderDisplayed = false;
     },
     clicked() {
+      this.pushEventToGA(this.$route.query[this.queryStrings.FMG_PAGE], this.GaActions.CLICKED, this.buttonText, true);
       if (!this.isDisabled) {
         this.isLoaderDisplayed = true;
         this.$emit("click-event");