jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

INSR-8489: Add GA events for advanced mobile modal

Browse source
This commit is contained in:
Alex Humphries 2026-05-27 11:01:11 -04:00
parent b28838f4bd
commit 01e717e2fa
2 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/iss-components/cart-dropdown/advanced-mobile-modal/advanced-mobile-modal.vue
View file

@ -37,7 +37,7 @@ export default {
components: { components: {
modal modal
}, },
emits: ['change-appointment-clicked'], emits: ['change-appointment-clicked', 'advanced-mobile-modal-opened'],
props: { props: {
cmsWidgetName: { cmsWidgetName: {
type: String, type: String,
@ -64,6 +64,7 @@ export default {
methods: { methods: {
openModal() { openModal() {
this.$refs.advancedMobileModal.openModal(); this.$refs.advancedMobileModal.openModal();
this.$emit('advanced-mobile-modal-opened');
}, },
footerButtonClick() { footerButtonClick() {
this.$refs.advancedMobileModal.closeModal(); this.$refs.advancedMobileModal.closeModal();

17
src/iss-components/cart-dropdown/cart-dropdown.vue
View file

@ -119,7 +119,8 @@
<advancedMobileModal <advancedMobileModal
:ref="ADVANCED_MOBILE_MODAL_REF_NAME" :ref="ADVANCED_MOBILE_MODAL_REF_NAME"
:cmsWidgetName="widget.advancedMobileModal" :cmsWidgetName="widget.advancedMobileModal"
@changeAppointmentClicked="switchToInShop" /> @changeAppointmentClicked="switchToInShop"
@advancedMobileModalOpened="handleAdvancedMobileModalOpened" />
</template> </template>
<script> <script>
@ -186,6 +187,17 @@ export default {
ADVANCED_MOBILE_MODAL_REF_NAME ADVANCED_MOBILE_MODAL_REF_NAME
}; };
}, },
mounted() {
if (!this.readOnly) {
const hasMobileFee = this.cartItems?.some((item) => item.partType === partTypeStrings.MOBILE_FEE);
if (hasMobileFee) {
this.pushEventToGA('advanced_mobile_modal', 'yes', this.cartOrder.vehicle.carId, true);
}
else {
this.pushEventToGA('advanced_mobile_modal', 'no', this.cartOrder.vehicle.carId, true);
}
}
},
computed: { computed: {
cartOrder() { cartOrder() {
return this.submittedOrder ?? useMainStore().order; return this.submittedOrder ?? useMainStore().order;
@ -438,6 +450,9 @@ export default {
switchToInShop() { switchToInShop() {
this.$emit('switch-to-in-shop'); this.$emit('switch-to-in-shop');
}, },
handleAdvancedMobileModalOpened() {
this.pushEventToGA('advanced_mobile_modal', 'remove_clicked', this.cartOrder.vehicle.carId, true);
},
formatAmountInDollars formatAmountInDollars
} }
}; };