diff --git a/src/components/Thanks/Badges/DetailSection.vue b/src/components/Thanks/Badges/DetailSection.vue index 367a623fb9..8537a751ed 100644 --- a/src/components/Thanks/Badges/DetailSection.vue +++ b/src/components/Thanks/Badges/DetailSection.vue @@ -143,6 +143,9 @@ export default { const index = this.currentBadgeIndex > 1 ? this.currentBadgeIndex - 1 : 0; return this.badges[index] ?? null; }, + currentBadgeTracking() { + return this.currentBadge?.tracking ?? ''; + }, selectedName() { return this.currentBadge?.name ?? ''; }, @@ -177,6 +180,13 @@ export default { handleChange() { const badgeIndex = this.$refs.badgeCarousel.currentIndex + 1; this.currentBadgeIndex = badgeIndex; + this.$kvTrackEvent( + 'thanks', + 'view', + 'view-badge-details', + this.currentBadgeTracking, + this.currentBadge.count + ); }, hideBadgeName(badgeId) { return badgeId !== this.currentBadge?.id; diff --git a/src/components/Thanks/Badges/DiscoverSection.vue b/src/components/Thanks/Badges/DiscoverSection.vue index 6b772594d3..dadf40f064 100644 --- a/src/components/Thanks/Badges/DiscoverSection.vue +++ b/src/components/Thanks/Badges/DiscoverSection.vue @@ -88,12 +88,12 @@ export default { }; }, mounted() { - const badgesNames = this.badges.map(badge => badge.name).join(', '); + const badgesTracking = this.badges.map(badge => badge.tracking).join(', '); this.$kvTrackEvent( 'thanks', 'view', 'view-all-badges', - badgesNames + badgesTracking ); }, methods: {