diff --git a/src/components/AnnotationTool.vue b/src/components/AnnotationTool.vue
index 7658e159..20039afd 100644
--- a/src/components/AnnotationTool.vue
+++ b/src/components/AnnotationTool.vue
@@ -13,6 +13,7 @@
:annotationEntry="annotationEntry"
@annotation="$emit('annotation', $event)"
@hover-changed="$emit('hover-changed', $event)"
+ @trackEvent="$emit('trackEvent', $event)"
/>
diff --git a/src/components/ConnectivityCard.vue b/src/components/ConnectivityCard.vue
index da0c2656..f037b5ce 100644
--- a/src/components/ConnectivityCard.vue
+++ b/src/components/ConnectivityCard.vue
@@ -26,6 +26,8 @@
diff --git a/src/components/Tabs.vue b/src/components/Tabs.vue
index 508608b5..ba33f984 100644
--- a/src/components/Tabs.vue
+++ b/src/components/Tabs.vue
@@ -59,6 +59,14 @@ export default {
methods: {
tabClicked: function (tab) {
this.$emit("tabClicked", { id: tab.id, type: tab.type });
+
+ // To track only direct tab click events
+ this.$emit('trackEvent', {
+ 'event': 'interaction_event',
+ 'event_name': 'portal_maps_sidebar_open_tab',
+ 'category': tab.type,
+ 'location': 'map_sidebar_tabs',
+ });
},
tabClosed: function (tab) {
this.$emit("tabClosed", { id: tab.id, type: tab.type });