From 36b5a302163b219b173e6a7d9f938918206a6674 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Fri, 22 Aug 2025 10:15:39 +1200
Subject: [PATCH 01/15] Add event tracking for pagination change

---
 src/components/ConnectivityExplorer.vue |  5 +++++
 src/components/DatasetExplorer.vue      |  5 +++++
 src/components/SideBar.vue              | 18 ++++++++++++++++++
 3 files changed, 28 insertions(+)

diff --git a/src/components/ConnectivityExplorer.vue b/src/components/ConnectivityExplorer.vue
index 85f5fdd5..96f05016 100644
--- a/src/components/ConnectivityExplorer.vue
+++ b/src/components/ConnectivityExplorer.vue
@@ -518,6 +518,11 @@ export default {
       this.expandedData = null;
       this.scrollToTop();
       // this.searchKnowledge(this.filter, this.searchInput);
+
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_connectivity_pagination`,
+        'category': `page_${this.page}`,
+      });
     },
     scrollToTop: function () {
       if (this.$refs.content) {
diff --git a/src/components/DatasetExplorer.vue b/src/components/DatasetExplorer.vue
index ebdb9a54..7d64ca0a 100644
--- a/src/components/DatasetExplorer.vue
+++ b/src/components/DatasetExplorer.vue
@@ -341,6 +341,11 @@ export default {
         this.numberPerPage,
         this.page
       )
+
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_dataset_pagination`,
+        'category': `page_${this.page}`,
+      });
     },
     handleMissingData: function (doi) {
       let i = this.results.findIndex((res) => res.doi === doi)
diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
index bbad139b..648df69f 100644
--- a/src/components/SideBar.vue
+++ b/src/components/SideBar.vue
@@ -464,6 +464,19 @@ export default {
         });
       }
     },
+    /**
+     * @public
+     * Track an event for analytics
+     * @param {Object} `data` - The event data
+     */
+    trackEvent: function (data) {
+      const taggingData = {
+        'event': 'interaction_event',
+        'location': 'map_sidebar',
+        ...data,
+      };
+      this.$emit('trackEvent', taggingData);
+    }
   },
   computed: {
     // This should respect the information provided by the property
@@ -536,6 +549,11 @@ export default {
         this.availableAnatomyFacets = payLoad.find((facet) => facet.label === 'Anatomical Structure').children
         this.storeAvailableAnatomyFacets(this.availableAnatomyFacets);
     })
+
+    // Event tracking
+    EventBus.on('trackEvent', (data) => {
+      this.trackEvent(data);
+    });
   },
 }
 </script>

From 2faa8d66d0b8aa5639250a34ae5c341cb44ab25e Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Fri, 22 Aug 2025 12:14:36 +1200
Subject: [PATCH 02/15] Add event tracking for paginations

---
 src/components/ConnectivityExplorer.vue | 21 +++++++++++++++------
 src/components/DatasetExplorer.vue      | 21 +++++++++++++++------
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/src/components/ConnectivityExplorer.vue b/src/components/ConnectivityExplorer.vue
index 96f05016..5d29fce7 100644
--- a/src/components/ConnectivityExplorer.vue
+++ b/src/components/ConnectivityExplorer.vue
@@ -509,9 +509,16 @@ export default {
     },
     numberPerPageUpdate: function (val) {
       this.numberPerPage = val;
-      this.pageChange(1);
+
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_connectivity_perPage`,
+        'category': val,
+      });
+
+      const preventPaginationTracking = this.page === 1;
+      this.pageChange(1, preventPaginationTracking);
     },
-    pageChange: function (page) {
+    pageChange: function (page, preventPaginationTracking = false) {
       this.start = (page - 1) * this.numberPerPage;
       this.page = page;
       this.expanded = "";
@@ -519,10 +526,12 @@ export default {
       this.scrollToTop();
       // this.searchKnowledge(this.filter, this.searchInput);
 
-      EventBus.emit('trackEvent', {
-        'event_name': `portal_maps_connectivity_pagination`,
-        'category': `page_${this.page}`,
-      });
+      if (!preventPaginationTracking) {
+        EventBus.emit('trackEvent', {
+          'event_name': `portal_maps_connectivity_pagination`,
+          'category': `page_${this.page}`,
+        });
+      }
     },
     scrollToTop: function () {
       if (this.$refs.content) {
diff --git a/src/components/DatasetExplorer.vue b/src/components/DatasetExplorer.vue
index 7d64ca0a..3abb65c6 100644
--- a/src/components/DatasetExplorer.vue
+++ b/src/components/DatasetExplorer.vue
@@ -330,9 +330,16 @@ export default {
     },
     numberPerPageUpdate: function (val) {
       this.numberPerPage = val
-      this.pageChange(1)
+
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_dataset_perPage`,
+        'category': val,
+      });
+
+      const preventPaginationTracking = this.page === 1;
+      this.pageChange(1, preventPaginationTracking)
     },
-    pageChange: function (page) {
+    pageChange: function (page, preventPaginationTracking = false) {
       this.start = (page - 1) * this.numberPerPage
       this.page = page
       this.searchAlgolia(
@@ -342,10 +349,12 @@ export default {
         this.page
       )
 
-      EventBus.emit('trackEvent', {
-        'event_name': `portal_maps_dataset_pagination`,
-        'category': `page_${this.page}`,
-      });
+      if (!preventPaginationTracking) {
+        EventBus.emit('trackEvent', {
+          'event_name': `portal_maps_dataset_pagination`,
+          'category': `page_${this.page}`,
+        });
+      }
     },
     handleMissingData: function (doi) {
       let i = this.results.findIndex((res) => res.doi === doi)

From e2b084eabe4fcee86f3f98f6b680fc2e22ba98c0 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Fri, 22 Aug 2025 12:59:21 +1200
Subject: [PATCH 03/15] Add event tracking for search history click

---
 src/components/SearchHistory.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/SearchHistory.vue b/src/components/SearchHistory.vue
index c3e809e6..e4390233 100644
--- a/src/components/SearchHistory.vue
+++ b/src/components/SearchHistory.vue
@@ -346,6 +346,16 @@ export default {
     },
     search: function (item) {
       this.$emit('search', item)
+
+      // Event tracking
+      const isConnectivity = this.localStorageKey?.indexOf('connectivity') !== -1;
+      const isDataset = this.localStorageKey?.indexOf('dataset') !== -1;
+      const location = isConnectivity ? 'connectivity' : isDataset ? 'dataset' : '';
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_search_history_click`,
+        'category': item.longLabel || item.label,
+        'location': `map_sidebar_${location}`,
+      });
     },
     searchHistoryItemLabel: function (search, filters) {
       let label = search ? `"${search.trim()}"` : '';

From c4a9b46c9421c8e203289f294139ef8c06eb8e90 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Fri, 22 Aug 2025 15:21:36 +1200
Subject: [PATCH 04/15] Add event tracking for search history save toggle

---
 src/components/SearchHistory.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/SearchHistory.vue b/src/components/SearchHistory.vue
index e4390233..0448a3a5 100644
--- a/src/components/SearchHistory.vue
+++ b/src/components/SearchHistory.vue
@@ -344,13 +344,17 @@ export default {
       // Save updated data
       localStorage.setItem(this.localStorageKey, JSON.stringify(this.searchHistory))
     },
+    getParentComponentName: function () {
+      const isConnectivity = this.localStorageKey?.indexOf('connectivity') !== -1;
+      const isDataset = this.localStorageKey?.indexOf('dataset') !== -1;
+      const location = isConnectivity ? 'connectivity' : isDataset ? 'dataset' : '';
+      return location;
+    },
     search: function (item) {
       this.$emit('search', item)
 
       // Event tracking
-      const isConnectivity = this.localStorageKey?.indexOf('connectivity') !== -1;
-      const isDataset = this.localStorageKey?.indexOf('dataset') !== -1;
-      const location = isConnectivity ? 'connectivity' : isDataset ? 'dataset' : '';
+      const location = this.getParentComponentName();
       EventBus.emit('trackEvent', {
         'event_name': `portal_maps_search_history_click`,
         'category': item.longLabel || item.label,
@@ -399,6 +403,14 @@ export default {
       });
       this.savedSearchHistory = this.searchHistory.filter((item) => item.saved);
       this.updateSearchHistory();
+
+      const eventName = item.saved ? 'portal_maps_search_history_saved' : 'portal_maps_search_history_unsaved';
+      const location = this.getParentComponentName();
+      EventBus.emit('trackEvent', {
+        'event_name': eventName,
+        'category': item.longLabel || item.label,
+        'location': `map_sidebar_${location}`,
+      });
     },
     removeFromSavedSearch: function (item) {
       const itemIndex = this.searchHistory.findIndex((_item) => _item.id === item.id);

From 494bc20f471bf22c114d7f2de2c4683ff6cf13ca Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Fri, 22 Aug 2025 15:23:29 +1200
Subject: [PATCH 05/15] Add event tracking for search history item remove

---
 src/components/SearchHistory.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/SearchHistory.vue b/src/components/SearchHistory.vue
index 0448a3a5..5996e00c 100644
--- a/src/components/SearchHistory.vue
+++ b/src/components/SearchHistory.vue
@@ -417,6 +417,13 @@ export default {
       this.searchHistory.splice(itemIndex, 1);
       this.savedSearchHistory = this.searchHistory.filter((item) => item.saved);
       this.updateSearchHistory();
+
+      const location = this.getParentComponentName();
+      EventBus.emit('trackEvent', {
+        'event_name': 'portal_maps_search_history_removed',
+        'category': item.longLabel || item.label,
+        'location': `map_sidebar_${location}`,
+      });
     },
   },
 }

From d8cd66ceeb71cd503a15815fdcd48e21ae7d47c6 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Fri, 22 Aug 2025 15:37:42 +1200
Subject: [PATCH 06/15] Add event tracking for annotation copy

---
 src/components/AnnotationTool.vue | 1 +
 src/components/SideBar.vue        | 1 +
 2 files changed, 2 insertions(+)

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)"
     />
     <div v-if="createData && createData.toBeDeleted" class="delete-container">
       <el-row>
diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
index 648df69f..2022f19d 100644
--- a/src/components/SideBar.vue
+++ b/src/components/SideBar.vue
@@ -40,6 +40,7 @@
                 @cancel-create="$emit('cancel-create')"
                 @confirm-delete="$emit('confirm-delete', $event)"
                 @hover-changed="hoverChanged(tab.id, $event)"
+                @trackEvent="$emit('trackEvent', $event)"
               />
             </template>
             <template v-else-if="tab.type === 'connectivityExplorer'">

From 0cdb12bed19e70e3a2fa7a9c5d74d13423af1a3b Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Fri, 22 Aug 2025 15:44:52 +1200
Subject: [PATCH 07/15] Add event tracking for sidebar search reset

---
 src/components/ConnectivityExplorer.vue | 8 ++++++++
 src/components/DatasetExplorer.vue      | 8 ++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/components/ConnectivityExplorer.vue b/src/components/ConnectivityExplorer.vue
index 5d29fce7..0c49c780 100644
--- a/src/components/ConnectivityExplorer.vue
+++ b/src/components/ConnectivityExplorer.vue
@@ -371,6 +371,12 @@ export default {
         tabType: 'dataset',
         type: 'reset-update',
       })
+
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_action_filter`,
+        'category': `reset`,
+        'location': 'map_sidebar_connectivity',
+      });
     },
     openSearch: function (filter, search = "") {
       this.searchInput = search;
@@ -513,6 +519,7 @@ export default {
       EventBus.emit('trackEvent', {
         'event_name': `portal_maps_connectivity_perPage`,
         'category': val,
+        'location': 'map_sidebar_connectivity',
       });
 
       const preventPaginationTracking = this.page === 1;
@@ -530,6 +537,7 @@ export default {
         EventBus.emit('trackEvent', {
           'event_name': `portal_maps_connectivity_pagination`,
           'category': `page_${this.page}`,
+          'location': 'map_sidebar_connectivity',
         });
       }
     },
diff --git a/src/components/DatasetExplorer.vue b/src/components/DatasetExplorer.vue
index 3abb65c6..baa58bca 100644
--- a/src/components/DatasetExplorer.vue
+++ b/src/components/DatasetExplorer.vue
@@ -266,6 +266,12 @@ export default {
         tabType: 'dataset',
         type: 'reset-update',
       })
+
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_action_filter`,
+        'category': `reset`,
+        'location': 'map_sidebar_dataset',
+      });
     },
     searchEvent: function (event = false) {
       if (event.keyCode === 13 || event instanceof MouseEvent) {
@@ -334,6 +340,7 @@ export default {
       EventBus.emit('trackEvent', {
         'event_name': `portal_maps_dataset_perPage`,
         'category': val,
+        'location': 'map_sidebar_dataset',
       });
 
       const preventPaginationTracking = this.page === 1;
@@ -353,6 +360,7 @@ export default {
         EventBus.emit('trackEvent', {
           'event_name': `portal_maps_dataset_pagination`,
           'category': `page_${this.page}`,
+          'location': 'map_sidebar_dataset',
         });
       }
     },

From 903e028bf399b34c2c4fd00954a97ec975d170fa Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Fri, 22 Aug 2025 16:18:32 +1200
Subject: [PATCH 08/15] Update tab click events

---
 src/components/SideBar.vue | 3 ++-
 src/components/Tabs.vue    | 8 ++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/SideBar.vue b/src/components/SideBar.vue
index 2022f19d..8339e645 100644
--- a/src/components/SideBar.vue
+++ b/src/components/SideBar.vue
@@ -27,6 +27,7 @@
             :activeId="activeTabId"
             @tabClicked="tabClicked"
             @tabClosed="tabClosed"
+            @trackEvent="trackEvent"
           />
           <template v-for="tab in tabs" key="tab.id">
             <template v-if="tab.type === 'annotation'">
@@ -40,7 +41,7 @@
                 @cancel-create="$emit('cancel-create')"
                 @confirm-delete="$emit('confirm-delete', $event)"
                 @hover-changed="hoverChanged(tab.id, $event)"
-                @trackEvent="$emit('trackEvent', $event)"
+                @trackEvent="trackEvent"
               />
             </template>
             <template v-else-if="tab.type === 'connectivityExplorer'">
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 });

From 7d0c42333105b3777299e5513462428e2d16f4b0 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Mon, 25 Aug 2025 10:43:43 +1200
Subject: [PATCH 09/15] Add event tracking for connectivity card open and close

---
 src/components/ConnectivityCard.vue | 8 ++++++++
 src/components/ConnectivityInfo.vue | 8 +++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

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 @@
 </template>
 
 <script>
+import EventBus from './EventBus';
+
 export default {
   name: "ConnectivityCard",
   data() {
@@ -71,6 +73,12 @@ export default {
     cardClicked: function (data) {
       if (!this.loading) {
         this.$emit("open-connectivity", data);
+
+        EventBus.emit('trackEvent', {
+          'event_name': `portal_maps_connectivity_open`,
+          'category': data.id || '',
+          'location': 'map_sidebar_connectivity',
+        });
       }
     },
   },
diff --git a/src/components/ConnectivityInfo.vue b/src/components/ConnectivityInfo.vue
index c0ba2ac7..63364de2 100644
--- a/src/components/ConnectivityInfo.vue
+++ b/src/components/ConnectivityInfo.vue
@@ -456,7 +456,7 @@ export default {
         const transformedNerves = transformData(title, nerveLabels);
         contentArray.push(transformedNerves);
       }
-      
+
       // Origins
       if (this.origins?.length) {
         const title = 'Origin';
@@ -605,6 +605,12 @@ export default {
     },
     closeConnectivity: function () {
       this.$emit('close-connectivity');
+
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_connectivity_close`,
+        'category': this.entry.id || '',
+        'location': 'map_sidebar_connectivity',
+      });
     },
   },
   mounted: function () {

From a7103f7202e4cd0ffd46c3bceb63fcde50e2eefe Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Mon, 25 Aug 2025 10:49:10 +1200
Subject: [PATCH 10/15] Add event tracking for connectivity show on map

---
 src/components/ConnectivityInfo.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/ConnectivityInfo.vue b/src/components/ConnectivityInfo.vue
index 63364de2..5c119c4b 100644
--- a/src/components/ConnectivityInfo.vue
+++ b/src/components/ConnectivityInfo.vue
@@ -363,6 +363,12 @@ export default {
       const featureIds = this.entry.featureId || [];
       // connected to flatmapvuer > moveMap(featureIds) function
       this.$emit('show-connectivity', featureIds);
+
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_show_connectivity_on_map`,
+        'category': this.entry.id || '',
+        'location': 'map_sidebar_connectivity',
+      });
     },
     switchConnectivityView: function (val) {
       this.activeView = val;

From be01d06a9b925c2051224662b3f66fd9fadedb84 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Mon, 25 Aug 2025 10:57:56 +1200
Subject: [PATCH 11/15] Add event tracking for connectivity card copy content

---
 src/components/ConnectivityInfo.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/ConnectivityInfo.vue b/src/components/ConnectivityInfo.vue
index 5c119c4b..95bb6fb8 100644
--- a/src/components/ConnectivityInfo.vue
+++ b/src/components/ConnectivityInfo.vue
@@ -49,7 +49,7 @@
             Show connectivity on map
           </span>
         </el-popover>
-        <CopyToClipboard :content="updatedCopyContent" />
+        <CopyToClipboard @copied="onCopied" :content="updatedCopyContent" />
         <template v-if="withCloseButton">
           <el-popover
             width="auto"
@@ -370,6 +370,13 @@ export default {
         'location': 'map_sidebar_connectivity',
       });
     },
+    onCopied: function () {
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_connectivity_copy`,
+        'category': this.entry.id || '',
+        'location': 'map_sidebar_connectivity',
+      });
+    },
     switchConnectivityView: function (val) {
       this.activeView = val;
       localStorage.setItem('connectivity-active-view', this.activeView);

From a3b7a0393ca2009ee098c9da51c4b24c95488fff Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Mon, 25 Aug 2025 12:01:15 +1200
Subject: [PATCH 12/15] Add event tracking for connectivity switch view

---
 src/components/ConnectivityInfo.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/ConnectivityInfo.vue b/src/components/ConnectivityInfo.vue
index 95bb6fb8..a7d1f013 100644
--- a/src/components/ConnectivityInfo.vue
+++ b/src/components/ConnectivityInfo.vue
@@ -387,6 +387,12 @@ export default {
           this.graphViewLoaded = true;
         });
       }
+
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_connectivity_switch_view`,
+        'category': val,
+        'location': 'map_sidebar_connectivity',
+      });
     },
     onTapNode: function (data) {
       // save selected state for list view

From b56f60e49dd5cfd69f4eb0388819808cce0ba2a3 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Mon, 25 Aug 2025 12:06:19 +1200
Subject: [PATCH 13/15] Add event tracking for connectivity source change

---
 src/components/ConnectivityInfo.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/ConnectivityInfo.vue b/src/components/ConnectivityInfo.vue
index a7d1f013..5060a618 100644
--- a/src/components/ConnectivityInfo.vue
+++ b/src/components/ConnectivityInfo.vue
@@ -581,6 +581,12 @@ export default {
         entry: this.entry,
         connectivitySource: connectivitySource,
       });
+
+      EventBus.emit('trackEvent', {
+        'event_name': `portal_maps_connectivity_source_change`,
+        'category': connectivitySource,
+        'location': 'map_sidebar_connectivity',
+      });
     },
     updateGraphConnectivity: function () {
       if (this.connectivitySource === "map") {

From c5fc5d426520763d77f2f0723b5e3e738aadcf21 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Mon, 25 Aug 2025 16:19:09 +1200
Subject: [PATCH 14/15] Add event tracking for connectivity info citation

---
 src/components/ConnectivityInfo.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/ConnectivityInfo.vue b/src/components/ConnectivityInfo.vue
index 5060a618..0cfa7887 100644
--- a/src/components/ConnectivityInfo.vue
+++ b/src/components/ConnectivityInfo.vue
@@ -188,6 +188,7 @@
         :resources="resources"
         @references-loaded="onReferencesLoaded"
         @show-reference-connectivities="onShowReferenceConnectivities"
+        @trackEvent="onTrackEvent"
       />
     </div>
   </div>
@@ -637,6 +638,9 @@ export default {
         'location': 'map_sidebar_connectivity',
       });
     },
+    onTrackEvent: function (data) {
+      EventBus.emit('trackEvent', data);
+    },
   },
   mounted: function () {
     this.updatedCopyContent = this.getUpdateCopyContent();

From 92c727c6e2e1c6d611ac6c58f0d969001d694539 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Mon, 25 Aug 2025 16:48:25 +1200
Subject: [PATCH 15/15] Update event data type to string

---
 src/components/DatasetExplorer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/DatasetExplorer.vue b/src/components/DatasetExplorer.vue
index baa58bca..9480fe01 100644
--- a/src/components/DatasetExplorer.vue
+++ b/src/components/DatasetExplorer.vue
@@ -339,7 +339,7 @@ export default {
 
       EventBus.emit('trackEvent', {
         'event_name': `portal_maps_dataset_perPage`,
-        'category': val,
+        'category': val + '',
         'location': 'map_sidebar_dataset',
       });