diff --git a/src/iss-components/continue-modal/continue-modal.vue b/src/iss-components/continue-modal/continue-modal.vue index def01d34..8bca85ce 100644 --- a/src/iss-components/continue-modal/continue-modal.vue +++ b/src/iss-components/continue-modal/continue-modal.vue @@ -68,6 +68,7 @@ export default { }, methods: { openModal() { + this.pushEventToGA("existing_claim", "pop_up_displayed", this.mainStore.accountNameForEvents, true); this.$refs.continueModal.openModal(); }, setModalStatus(isOpened) { @@ -77,9 +78,11 @@ export default { this.$refs.continueModal.closeModal(); }, continueReferral() { + this.pushEventToGA("existing_claim", "finish_claim", this.mainStore.accountNameForEvents, true); this.$emit('continue-previous-referral'); }, startNewReferral() { + this.pushEventToGA("existing_claim", "start_new_claim", this.mainStore.accountNameForEvents, true); this.$emit('start-new-referral'); } } diff --git a/src/layouts/contact-details/contact-details.vue b/src/layouts/contact-details/contact-details.vue index b73d3fc4..a5c0c646 100644 --- a/src/layouts/contact-details/contact-details.vue +++ b/src/layouts/contact-details/contact-details.vue @@ -230,11 +230,15 @@ export default { }, watch: { isSameAsPolicyAddress(newValue) { + this.pushEventToGA("mobile_location", "same_as_policy_address", newValue ? "checked" : "unchecked", true); if (newValue) { this.copyPolicyAddressToServiceLocation(); } else { this.clearAddressFields(); } + }, + isVehicleProtected(newValue) { + this.pushEventToGA("mobile_location", "is_vehicle_protected", newValue, true); } }, methods: { diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue index 92d8dd10..2b80ca23 100644 --- a/src/layouts/welcome-page/welcome-page.vue +++ b/src/layouts/welcome-page/welcome-page.vue @@ -68,6 +68,7 @@ :options="DamageCauseOptions" disableAutoFill :validationRules="rules.damageOption" + isRequired placeHolderText="Select an option" class="form-group" /> { + const formRoot = this.$el; + const requiredFieldCount = formRoot.querySelectorAll('[aria-required="true"]').length; + this.pushEventToGA("policy_info", "required_fields", requiredFieldCount.toString(), true); + }); + + this.mainStore.applicationUser.firstHit = false; + } + + // TODO: Check if we're coming from SFA + // eslint-disable-next-line + if (false) { + this.pushEventToGA("co_branded", "welcome_clicked_cta", "yes_clicked", 0); + this.pushEventToGA("visitor_info_welcome", "referring_site", "SFA", null); + } + else { + this.pushEventToGA("visitor_info_welcome", "referring_site", "ClientSite", null); + } + + this.pushEventToGA("visitor_info_welcome", "client_name", this.mainStore.accountNameForEvents, null); + }, computed: { DamageCauseOptions() { const damageCauseAnswers = this.getCmsContent( @@ -460,6 +490,20 @@ export default { this.answeredContinueModal = true; this.$refs.continueModal.closeModal(); } + }, + watch: { + 'welcomePageModel.policyZipCode': { + handler: async function (newZip) { + if (newZip.length === 5) { + this.pushEventToGA("policy_info", "policy_zip", newZip, true); + } + } + }, + 'welcomePageModel.damageCause': function (newCause) { + if (newCause) { + this.pushEventToGA("policy_info", "cause_of_loss", newCause, true); + } + } } }; diff --git a/src/store/index.js b/src/store/index.js index 2d2b6040..aa56015a 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -239,7 +239,8 @@ export const getDefaultState = () => ({ triggeredSiteEntry: false, // TODO not in save session duplicateOrders: [], hasSentSaveQuoteEmail: null, - coverageLookupAttempts: 0 + coverageLookupAttempts: 0, + firstHit: true }, issConfig: { clientName: 'Generic Insurance', // this is the default and will be overriden by the client's name @@ -445,7 +446,8 @@ export const useMainStore = defineStore({ .map((x) => x.settings) .reduce((r, c) => Object.assign(r, c), {}) ?? {}, originalDeductible: (state) => (state.order.damage.isRepair ? state.order.originalDeductible.repair : state.order.originalDeductible.replace), - currentDeductible: (state) => (state.order.damage.isRepair ? state.order.currentDeductible.repair : state.order.currentDeductible.replace) + currentDeductible: (state) => (state.order.damage.isRepair ? state.order.currentDeductible.repair : state.order.currentDeductible.replace), + accountNameForEvents: (state) => state.issConfig.clientName.replaceAll(" ", "").replaceAll("&", "amp") }, actions: {