diff --git a/src/frontend/src/Components/Filters.js b/src/frontend/src/Components/Filters.js
index 5890e85d1..70fd61f20 100644
--- a/src/frontend/src/Components/Filters.js
+++ b/src/frontend/src/Components/Filters.js
@@ -18,6 +18,7 @@ import Button from 'react-bootstrap/Button';
 import Tooltip from 'react-bootstrap/Tooltip';
 import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
 import {useMediaQuery} from '@uidotdev/usehooks';
+import trackEvent from './TrackEvent.js';
 
 
 // Components and functions
@@ -139,6 +140,7 @@ export default function Filters(props) {
                     name="closures"
                     id="filter--closures"
                     onChange={e => {
+                      trackEvent('click', 'map', 'Toggle closures layer')
                       toggleHandler('closures', e.target.checked);
                       toggleHandler('closuresLines', e.target.checked, true);
                       setClosures(!closures)
@@ -163,6 +165,7 @@ export default function Filters(props) {
                     name="major"
                     id="filter--major"
                     onChange={e => {
+                      trackEvent('click', 'map', 'Toggle major events layer')
                       toggleHandler('majorEvents', e.target.checked);
                       toggleHandler('majorEventsLines', e.target.checked, true);
                       setMajorEvents(!majorEvents)
@@ -188,6 +191,7 @@ export default function Filters(props) {
                     name="minor"
                     id="filter--minor"
                     onChange={e => {
+                      trackEvent('click', 'map', 'Toggle minor events layer')
                       toggleHandler('minorEvents', e.target.checked);
                       toggleHandler('minorEventsLines', e.target.checked, true);
                       setMinorEvents(!minorEvents);
@@ -213,6 +217,7 @@ export default function Filters(props) {
                     name="future events"
                     id="filter--future-events"
                     onChange={e => {
+                      trackEvent('click', 'map', 'Toggle future events layer')
                       toggleHandler('futureEvents', e.target.checked);
                       toggleHandler('futureEventsLines', e.target.checked, true);
                       setFutureEvents(!futureEvents);
@@ -241,7 +246,9 @@ export default function Filters(props) {
                     type="checkbox"
                     name="highway cameras"
                     id="filter--highway-cameras"
-                    onChange={e => {toggleHandler('highwayCams', e.target.checked); setHighwayCams(!highwayCams)}}
+                    onChange={e => {
+                      trackEvent('click', 'map', 'Toggle highway cameras layer')
+                      toggleHandler('highwayCams', e.target.checked); setHighwayCams(!highwayCams)}}
                     defaultChecked={mapContext.visible_layers.highwayCams}
                     disabled={disableFeatures}
                   />
@@ -262,6 +269,7 @@ export default function Filters(props) {
                     name="road conditions"
                     id="filter--road-conditions"
                     onChange={e => {
+                      trackEvent('click', 'map', 'Toggle road conditions layer')
                       toggleHandler('roadConditions', e.target.checked);
                       toggleHandler('roadConditionsLines', e.target.checked);
                       setRoadConditions(!roadConditions);
@@ -287,7 +295,9 @@ export default function Filters(props) {
                     type="checkbox"
                     name="inland ferries"
                     id="filter--inland-ferries"
-                    onChange={e => {toggleHandler('inlandFerries', e.target.checked); setInlandFerries(!inlandFerries)}}
+                    onChange={e => {
+                      trackEvent('click', 'map', 'Toggle inland ferries layer')
+                      toggleHandler('inlandFerries', e.target.checked); setInlandFerries(!inlandFerries)}}
                     defaultChecked={mapContext.visible_layers.inlandFerries}
                     disabled={disableFeatures}
                   />
@@ -308,6 +318,7 @@ export default function Filters(props) {
                     name="weather"
                     id="filter--weather"
                     onChange={e => {
+                      trackEvent('click', 'map', 'Toggle weather layer')
                       toggleHandler('weather', e.target.checked);
                       toggleHandler('regional', e.target.checked);
                       setWeather(!weather)}
@@ -330,7 +341,9 @@ export default function Filters(props) {
                     type="checkbox"
                     name="rest stops"
                     id="filter--rest-stops"
-                    onChange={e => {toggleHandler('restStops', e.target.checked); setRestStops(!restStops)}}
+                    onChange={e => {
+                      trackEvent('click', 'map', 'Toggle rest stops layer')
+                      toggleHandler('restStops', e.target.checked); setRestStops(!restStops)}}
                     defaultChecked={mapContext.visible_layers.restStops}
                     disabled={disableFeatures}
                   />
@@ -338,7 +351,7 @@ export default function Filters(props) {
                     <span className="filter-item__icon">
                       <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg" alt="rest stops" aria-hidden="true" focusable="false" role="img">
                         <path className="filter-item__icon__path" d="M19 3C19 3.1875 18.9688 3.34375 18.9375 3.5C19.5625 3.9375 20 4.6875 20 5.5C20 6.90625 18.875 8 17.5 8H17L17 15C17 15.5625 16.5312 16 16 16C15.4375 16 15 15.5625 15 15V8H14.5C13.0937 8 12 6.90625 12 5.5C12 4.6875 12.4062 3.9375 13.0312 3.5C13 3.34375 13 3.1875 13 3C13 1.34375 14.3438 0 16 0C17.6562 0 19 1.34375 19 3ZM1 7C1 6.46875 1.4375 6 2 6L10 6C10.5312 6 11 6.46875 11 7V9C11 9.5625 10.5312 10 10 10L2 10C1.4375 10 1 9.5625 1 9L1 7ZM1 11L11 11C11.5312 11 12 11.4688 12 12C12 12.5625 11.5312 13 11 13V15C11 15.5625 10.5312 16 10 16C9.4375 16 9 15.5625 9 15V13L3 13L3 15C3 15.5625 2.53125 16 2 16C1.4375 16 1 15.5625 1 15L1 13C0.4375 13 0 12.5625 0 12C0 11.4688 0.4375 11 1 11Z"/>
-                      </svg>                    
+                      </svg>
                     </span>
                     Rest stops
                   </label>
diff --git a/src/frontend/src/Components/Map.js b/src/frontend/src/Components/Map.js
index c4b42e90c..5b57228ad 100644
--- a/src/frontend/src/Components/Map.js
+++ b/src/frontend/src/Components/Map.js
@@ -74,6 +74,7 @@ import CurrentCameraIcon from './CurrentCameraIcon';
 import Filters from './Filters.js';
 import RouteSearch from './map/RouteSearch.js';
 import ExitSurvey from './advisories/ExitSurvey.js';
+import trackEvent from './TrackEvent.js';
 
 // Map & geospatial imports
 import { applyStyle } from 'ol-mapbox-style';
@@ -103,11 +104,7 @@ import {
 } from './data/featureStyleDefinitions.js';
 import './Map.scss';
 
-export default function MapWrapper({
-  camera,
-  isPreview,
-  mapViewRoute,
-}) {
+export default function MapWrapper({ camera, isPreview, mapViewRoute }) {
   // Redux
   const dispatch = useDispatch();
   const {
@@ -232,10 +229,10 @@ export default function MapWrapper({
 
   const [clickedRestStop, setClickedRestStop] = useState();
   const clickedRestStopRef = useRef();
-  const updateClickedRestStop = (feature) => {
+  const updateClickedRestStop = feature => {
     clickedRestStopRef.current = feature;
     setClickedRestStop(feature);
-  }
+  };
 
   const [advisoriesInView, setAdvisoriesInView] = useState([]);
 
@@ -397,27 +394,38 @@ export default function MapWrapper({
         updateClickedRegional(null);
       }
 
-      if (clickedRestStopRef.current && targetFeature != clickedRestStopRef.current) {
-        if(clickedRestStopRef.current !== undefined){
-          const isClosed = isRestStopClosed(clickedRestStopRef.current.values_.properties);
-          const isLargeVehiclesAccommodated = clickedRestStopRef.current.values_.properties.ACCOM_COMMERCIAL_TRUCKS === "Yes"? true: false;
-          if(isClosed){
-            if(isLargeVehiclesAccommodated){
-              clickedRestStopRef.current.setStyle(restStopTruckClosedStyles['static']);
-            }
-            else{
-              clickedRestStopRef.current.setStyle(restStopClosedStyles['static']);
-            }
-          }
-          else{
-            if(isLargeVehiclesAccommodated){
-              clickedRestStopRef.current.setStyle(restStopTruckStyles['static']);
+      if (
+        clickedRestStopRef.current &&
+        targetFeature != clickedRestStopRef.current
+      ) {
+        if (clickedRestStopRef.current !== undefined) {
+          const isClosed = isRestStopClosed(
+            clickedRestStopRef.current.values_.properties,
+          );
+          const isLargeVehiclesAccommodated =
+            clickedRestStopRef.current.values_.properties
+              .ACCOM_COMMERCIAL_TRUCKS === 'Yes'
+              ? true
+              : false;
+          if (isClosed) {
+            if (isLargeVehiclesAccommodated) {
+              clickedRestStopRef.current.setStyle(
+                restStopTruckClosedStyles['static'],
+              );
+            } else {
+              clickedRestStopRef.current.setStyle(
+                restStopClosedStyles['static'],
+              );
             }
-            else{
+          } else {
+            if (isLargeVehiclesAccommodated) {
+              clickedRestStopRef.current.setStyle(
+                restStopTruckStyles['static'],
+              );
+            } else {
               clickedRestStopRef.current.setStyle(restStopStyles['static']);
             }
           }
-
         }
         updateClickedRestStop(null);
       }
@@ -485,32 +493,32 @@ export default function MapWrapper({
       updateClickedRegional(feature);
     };
 
-    const restStopClickHandler = (feature) => {
+    const restStopClickHandler = feature => {
       // reset previous clicked feature
       resetClickedStates(feature);
 
       // set new clicked rest stop feature
       const isClosed = isRestStopClosed(feature.values_.properties);
-      const isLargeVehiclesAccommodated = feature.values_.properties.ACCOM_COMMERCIAL_TRUCKS === 'Yes'? true: false;
-      if(isClosed){
-        if(isLargeVehiclesAccommodated){
+      const isLargeVehiclesAccommodated =
+        feature.values_.properties.ACCOM_COMMERCIAL_TRUCKS === 'Yes'
+          ? true
+          : false;
+      if (isClosed) {
+        if (isLargeVehiclesAccommodated) {
           feature.setStyle(restStopTruckClosedStyles['active']);
-        }
-        else{
+        } else {
           feature.setStyle(restStopClosedStyles['active']);
         }
-      }
-      else{
-        if(isLargeVehiclesAccommodated){
+      } else {
+        if (isLargeVehiclesAccommodated) {
           feature.setStyle(restStopTruckStyles['active']);
-        }
-        else{
+        } else {
           feature.setStyle(restStopStyles['active']);
         }
       }
       feature.setProperties({ clicked: true }, true);
       updateClickedRestStop(feature);
-    }
+    };
 
     mapRef.current.on('click', async e => {
       const features = mapRef.current.getFeaturesAtPixel(e.pixel, {
@@ -521,21 +529,53 @@ export default function MapWrapper({
         const clickedFeature = features[0];
         switch (clickedFeature.getProperties()['type']) {
           case 'camera':
+            trackEvent(
+              'click',
+              'map',
+              'camera',
+              clickedFeature.getProperties().name,
+            );
             camClickHandler(clickedFeature);
             return;
           case 'event':
+            console.log(clickedFeature.getProperties());
             eventClickHandler(clickedFeature);
             return;
           case 'ferry':
+            trackEvent(
+              'click',
+              'map',
+              'ferry',
+              clickedFeature.getProperties().name,
+            );
             ferryClickHandler(clickedFeature);
             return;
           case 'weather':
+            trackEvent(
+              'click',
+              'map',
+              'weather',
+              clickedFeature.getProperties().weather_station_name,
+            );
             weatherClickHandler(clickedFeature);
             return;
           case 'regional':
+            trackEvent(
+              'click',
+              'map',
+              'regional weather',
+              clickedFeature.getProperties().name,
+            );
             regionalClickHandler(clickedFeature);
             return;
           case 'rest':
+            console.log(clickedFeature.getProperties())
+            trackEvent(
+              'click',
+              'map',
+              'rest stop',
+              clickedFeature.getProperties().properties.REST_AREA_NAME
+            );
             restStopClickHandler(clickedFeature);
             return;
         }
@@ -577,21 +617,30 @@ export default function MapWrapper({
               break;
             case 'rest':
               {
-                const isClosed = isRestStopClosed(hoveredFeature.current.values_.properties);
-                const isLargeVehiclesAccommodated = hoveredFeature.current.values_.properties.ACCOM_COMMERCIAL_TRUCKS === 'Yes'? true: false;
-                if(isClosed){
-                  if(isLargeVehiclesAccommodated){
-                    hoveredFeature.current.setStyle(restStopTruckClosedStyles['static']);
-                  }
-                  else{
-                    hoveredFeature.current.setStyle(restStopClosedStyles['static']);
-                  }
-                }
-                else{
-                  if(isLargeVehiclesAccommodated){
-                    hoveredFeature.current.setStyle(restStopTruckStyles['static']);
+                const isClosed = isRestStopClosed(
+                  hoveredFeature.current.values_.properties,
+                );
+                const isLargeVehiclesAccommodated =
+                  hoveredFeature.current.values_.properties
+                    .ACCOM_COMMERCIAL_TRUCKS === 'Yes'
+                    ? true
+                    : false;
+                if (isClosed) {
+                  if (isLargeVehiclesAccommodated) {
+                    hoveredFeature.current.setStyle(
+                      restStopTruckClosedStyles['static'],
+                    );
+                  } else {
+                    hoveredFeature.current.setStyle(
+                      restStopClosedStyles['static'],
+                    );
                   }
-                  else{
+                } else {
+                  if (isLargeVehiclesAccommodated) {
+                    hoveredFeature.current.setStyle(
+                      restStopTruckStyles['static'],
+                    );
+                  } else {
                     hoveredFeature.current.setStyle(restStopStyles['static']);
                   }
                 }
@@ -642,21 +691,24 @@ export default function MapWrapper({
             return;
           case 'rest':
             if (!targetFeature.getProperties().clicked) {
-              const isClosed = isRestStopClosed(targetFeature.values_.properties);
-              const isLargeVehiclesAccommodated = targetFeature.values_.properties.ACCOM_COMMERCIAL_TRUCKS === 'Yes'? true: false;
-              if(isClosed){
-                if(isLargeVehiclesAccommodated){
+              const isClosed = isRestStopClosed(
+                targetFeature.values_.properties,
+              );
+              const isLargeVehiclesAccommodated =
+                targetFeature.values_.properties.ACCOM_COMMERCIAL_TRUCKS ===
+                'Yes'
+                  ? true
+                  : false;
+              if (isClosed) {
+                if (isLargeVehiclesAccommodated) {
                   targetFeature.setStyle(restStopTruckClosedStyles['hover']);
-                }
-                else{
+                } else {
                   targetFeature.setStyle(restStopClosedStyles['hover']);
                 }
-              }
-              else{
-                if(isLargeVehiclesAccommodated){
+              } else {
+                if (isLargeVehiclesAccommodated) {
                   targetFeature.setStyle(restStopTruckStyles['hover']);
-                }
-                else{
+                } else {
                   targetFeature.setStyle(restStopStyles['hover']);
                 }
               }
@@ -698,9 +750,16 @@ export default function MapWrapper({
         isInitialMountLocation.current = searchLocationFrom[0].label;
 
         // only zoomPan on from location change when to location is NOT set
-      } else if (isInitialMountLocation.current !== searchLocationFrom[0].label && searchLocationTo.length == 0) {
+      } else if (
+        isInitialMountLocation.current !== searchLocationFrom[0].label &&
+        searchLocationTo.length == 0
+      ) {
         isInitialMountLocation.current = false;
-        setZoomPan(mapView, 9, fromLonLat(searchLocationFrom[0].geometry.coordinates));
+        setZoomPan(
+          mapView,
+          9,
+          fromLonLat(searchLocationFrom[0].geometry.coordinates),
+        );
       }
     } else {
       // initial location was set, so no need to prevent pan/zoom
@@ -873,8 +932,8 @@ export default function MapWrapper({
       mapLayers.current['restStops'] = getRestStopsLayer(
         filteredRestStops,
         mapRef.current.getView().getProjection().getCode(),
-        mapContext
-      )
+        mapContext,
+      );
 
       mapRef.current.addLayer(mapLayers.current['restStops']);
       mapLayers.current['restStops'].setZIndex(68);
@@ -957,10 +1016,12 @@ export default function MapWrapper({
   const loadAdvisories = async () => {
     // Fetch data if it doesn't already exist
     if (!advisories) {
-      dispatch(updateAdvisories({
-        list: await getAdvisories(),
-        timeStamp: new Date().getTime()
-      }));
+      dispatch(
+        updateAdvisories({
+          list: await getAdvisories(),
+          timeStamp: new Date().getTime(),
+        }),
+      );
     }
   };
 
@@ -1129,26 +1190,27 @@ export default function MapWrapper({
     // check for active rest stop icons
     if (clickedRestStopRef.current) {
       const isClosed = isRestStopClosed(clickedRestStopRef.current.properties);
-        const isLargeVehiclesAccommodated = clickedRestStopRef.current.properties? clickedRestStopRef.current.properties.ACCOM_COMMERCIAL_TRUCKS === 'Yes': false;
-        if(isClosed){
-          if(isLargeVehiclesAccommodated){
-            clickedRestStopRef.current.setStyle(restStopTruckClosedStyles['static']);
-
-          }
-          else{
-            clickedRestStopRef.current.setStyle(restStopClosedStyles['static']);
-          }
+      const isLargeVehiclesAccommodated = clickedRestStopRef.current.properties
+        ? clickedRestStopRef.current.properties.ACCOM_COMMERCIAL_TRUCKS ===
+          'Yes'
+        : false;
+      if (isClosed) {
+        if (isLargeVehiclesAccommodated) {
+          clickedRestStopRef.current.setStyle(
+            restStopTruckClosedStyles['static'],
+          );
+        } else {
+          clickedRestStopRef.current.setStyle(restStopClosedStyles['static']);
         }
-        else{
-          if(isLargeVehiclesAccommodated){
-            clickedRestStopRef.current.setStyle(restStopTruckStyles['static']);
-          }
-          else{
-            clickedRestStopRef.current.setStyle(restStopStyles['static']);
-          }
+      } else {
+        if (isLargeVehiclesAccommodated) {
+          clickedRestStopRef.current.setStyle(restStopTruckStyles['static']);
+        } else {
+          clickedRestStopRef.current.setStyle(restStopStyles['static']);
         }
-        clickedRestStopRef.current.set('clicked', false);
-        updateClickedRestStop(null);
+      }
+      clickedRestStopRef.current.set('clicked', false);
+      updateClickedRestStop(null);
     }
 
     // Reset cam popup handler lock timer
@@ -1262,12 +1324,11 @@ export default function MapWrapper({
         className={`side-panel ${openPanel ? 'open' : ''}`}
         onClick={maximizePanel}
         onTouchMove={maximizePanel}
-        onKeyDown={(keyEvent) => {
+        onKeyDown={keyEvent => {
           if (keyEvent.keyCode == 13) {
             maximizePanel();
           }
         }}>
-
         <button
           className="close-panel"
           aria-label={`${openPanel ? 'close side panel' : ''}`}
diff --git a/src/frontend/src/Components/TrackEvent.js b/src/frontend/src/Components/TrackEvent.js
new file mode 100644
index 000000000..900b706c0
--- /dev/null
+++ b/src/frontend/src/Components/TrackEvent.js
@@ -0,0 +1,13 @@
+// Desc: Track events using Snowplow
+export default function trackEvent(action, section, category, label, sub_label='') {
+    window.snowplow('trackSelfDescribingEvent', {
+        schema: 'iglu:ca.bc.gov.drivebc/action/jsonschema/1-0-0',
+        data: {
+          action: action,
+          section: section,
+          category: category,
+          label: label,
+          sub_label: sub_label,
+        },
+      });
+}
diff --git a/src/frontend/src/Components/advisories/AdvisoriesList.js b/src/frontend/src/Components/advisories/AdvisoriesList.js
index 5b3970bb4..8b1a39ca8 100644
--- a/src/frontend/src/Components/advisories/AdvisoriesList.js
+++ b/src/frontend/src/Components/advisories/AdvisoriesList.js
@@ -7,7 +7,7 @@ import { useNavigate } from 'react-router-dom';
 // Components and functions
 import { stripRichText } from '../data/helper';
 import FriendlyTime from '../FriendlyTime';
-
+import trackEvent from '../TrackEvent.js';
 // Styling
 import './AdvisoriesList.scss';
 
@@ -20,6 +20,7 @@ export default function Advisories(props) {
 
   function handleClick(advisory) {
      navigate(`/advisories/${advisory.id}`);
+     trackEvent('click', 'advisories-list', 'Advisory', advisory.title, advisory.teaser);
   }
 
   // Rendering
diff --git a/src/frontend/src/Components/advisories/AdvisoriesOnMap.js b/src/frontend/src/Components/advisories/AdvisoriesOnMap.js
index ab49f985c..cb8e90bd4 100644
--- a/src/frontend/src/Components/advisories/AdvisoriesOnMap.js
+++ b/src/frontend/src/Components/advisories/AdvisoriesOnMap.js
@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 
 // Components and functions
 import AdvisoriesList from './AdvisoriesList';
-
+import trackEvent from '../TrackEvent';
 // Third party packages
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {
@@ -29,6 +29,7 @@ export default function AdvisoriesOnMap(props) {
           className={'advisories-on-map__btn' + (open ? ' open' : '')}
           aria-label="open advisories list"
           onClick={() => {
+            trackEvent('click', 'advisories-on-map', 'Advisories button');
             open ? setOpen(false) : setOpen(true) }
           }>
           <FontAwesomeIcon icon={faFlag} />
diff --git a/src/frontend/src/Components/bulletins/BulletinsList.js b/src/frontend/src/Components/bulletins/BulletinsList.js
index 86ac7537a..413c9d000 100644
--- a/src/frontend/src/Components/bulletins/BulletinsList.js
+++ b/src/frontend/src/Components/bulletins/BulletinsList.js
@@ -5,7 +5,7 @@ import {useNavigate} from 'react-router-dom';
 // Components and functions
 import { stripRichText } from '../data/helper';
 import FriendlyTime from '../FriendlyTime';
-
+import trackEvent from '../TrackEvent';
 // Styling
 import './BulletinsList.scss';
 
@@ -20,6 +20,7 @@ export default function Bulletins(props) {
   const navigate = useNavigate();
 
   function handleClick(bulletin) {
+    trackEvent('click', 'bulletins-list', 'Bulletin', bulletin.title, bulletin.teaser);
      navigate(`/bulletins/${bulletin.id}`);
   }
 
diff --git a/src/frontend/src/Components/cameras/CameraCard.js b/src/frontend/src/Components/cameras/CameraCard.js
index ea06529d6..c7bc5b10a 100644
--- a/src/frontend/src/Components/cameras/CameraCard.js
+++ b/src/frontend/src/Components/cameras/CameraCard.js
@@ -36,6 +36,17 @@ export default function CameraCard(props) {
   // Handlers
   function handleClick() {
     navigate(`/cameras/${camera.id}`);
+    window.snowplow('trackSelfDescribingEvent', {
+      schema: 'iglu:ca.bc.gov.drivebc/action/jsonschema/1-0-0',
+      data: {
+        action: 'click',
+        section: 'camera-list',
+        category: 'camera',
+        label: camera.name,
+        sub_label: '',
+      },
+    });
+
     sessionStorage.setItem('scrollPosition', window.pageYOffset);
   }
 
@@ -47,6 +58,16 @@ export default function CameraCard(props) {
 
   function handleViewOnMap() {
     navigate('/', {state: camera});
+    window.snowplow('trackSelfDescribingEvent', {
+      schema: 'iglu:ca.bc.gov.drivebc/action/jsonschema/1-0-0',
+      data: {
+        action: 'click',
+        section: 'camera-list',
+        category: 'Camera',
+        label: camera.name,
+        sub_label: 'View on Map Select',
+      },
+    });
   }
 
   function handleChildClick(e) {
diff --git a/src/frontend/src/Components/map/LocationSearch.js b/src/frontend/src/Components/map/LocationSearch.js
index 47acf9c23..2cd493049 100644
--- a/src/frontend/src/Components/map/LocationSearch.js
+++ b/src/frontend/src/Components/map/LocationSearch.js
@@ -8,7 +8,7 @@ import 'react-bootstrap-typeahead/css/Typeahead.css';
 
 // Components and functions
 import { getLocations } from '../data/locations.js';
-
+import trackEvent from '../TrackEvent.js';
 // Styling
 import './LocationSearch.scss';
 
@@ -53,6 +53,8 @@ export default function LocationSearch(props) {
       minLength={3}
       onChange={setSelectedLocation}
       onSearch={loadLocationOptions}
+      onBlur={()=>{
+        trackEvent('blur', 'route search', 'location search', location[0].properties.fullAddress)}}
       options={options}
       placeholder={placeholder}
       highlightOnlyResult={true}
diff --git a/src/frontend/src/index.js b/src/frontend/src/index.js
index 10b377487..d0e5429e5 100644
--- a/src/frontend/src/index.js
+++ b/src/frontend/src/index.js
@@ -18,12 +18,66 @@ import { store, persistor } from './store';
 TimeAgo.addDefaultLocale(en);
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
+
+// <!-- Snowplow starts plowing - Standalone vE.2.14.0 -->
+(function (p, l, o, w, i, n, g) {
+  if (!p[i]) {
+    p.GlobalSnowplowNamespace = p.GlobalSnowplowNamespace || [];
+    p.GlobalSnowplowNamespace.push(i);
+    p[i] = function () {
+      // eslint-disable-next-line prefer-rest-params
+      (p[i].q = p[i].q || []).push(arguments);
+    };
+    p[i].q = p[i].q || [];
+    n = l.createElement(o);
+    g = l.getElementsByTagName(o)[0];
+    n.async = 1;
+    n.src = w;
+    g.parentNode.insertBefore(n, g);
+  }
+})(
+  window,
+  document,
+  'script',
+  'https://www2.gov.bc.ca/StaticWebResources/static/sp/sp-2-14-0.js',
+  'snowplow',
+);
+let collector;
+const hostname = window.location.hostname.toLowerCase();
+if (hostname.indexOf('beta.drivebc') > -1) {
+  collector = 'spt.apps.gov.bc.ca';
+} else {
+  collector = 'spm.apps.gov.bc.ca';
+}
+window.snowplow('newTracker', 'rt', collector, {
+  appId: 'Snowplow_standalone_DBC',
+  cookieLifetime: 86400 * 548,
+  platform: 'web',
+  post: true,
+  forceSecureTracker: true,
+  contexts: {
+    webPage: true,
+    performanceTiming: true,
+  },
+});
+window.snowplow('enableActivityTracking', 30, 30); // Ping every 30 seconds after 30 seconds
+window.snowplow('enableLinkClickTracking');
+
+// Only track page view if there is no anchor
+if (!window.location.hash) {
+  window.snowplow('trackPageView');
+}
+
+// <!-- Snowplow stops plowing -->
+
+
 root.render(
   <React.StrictMode>
     <BrowserRouter>
       <Provider store={store}>
         <PersistGate loading={null} persistor={persistor}>
-          <GoogleReCaptchaProvider reCaptchaKey={`${window.RECAPTCHA_SITE_KEY}`}>
+          <GoogleReCaptchaProvider
+            reCaptchaKey={`${window.RECAPTCHA_SITE_KEY}`}>
             <App />
           </GoogleReCaptchaProvider>
         </PersistGate>
diff --git a/src/frontend/src/pages/CamerasListPage.js b/src/frontend/src/pages/CamerasListPage.js
index 291afd6bc..acbb1a7c5 100644
--- a/src/frontend/src/pages/CamerasListPage.js
+++ b/src/frontend/src/pages/CamerasListPage.js
@@ -25,7 +25,7 @@ import CameraList from '../Components/cameras/CameraList';
 import Footer from '../Footer';
 import PageHeader from '../PageHeader';
 import RouteSearch from '../Components/map/RouteSearch';
-
+import trackEvent from '../Components/TrackEvent.js';
 // Styling
 import './CamerasListPage.scss';
 
@@ -194,6 +194,8 @@ export default function CamerasListPage() {
               id="camera-name-search"
               isLoading={false}
               onSearch={() => {}}
+              onBlur={() => {
+                trackEvent('cameras', 'camera-list', 'search', searchText)}}
               onInputChange={(text) => setSearchText(text)}
               placeholder={"Find by camera name"}
               inputProps={{
diff --git a/src/frontend/src/pages/EventsListPage.js b/src/frontend/src/pages/EventsListPage.js
index c4582be6f..fd144a0bc 100644
--- a/src/frontend/src/pages/EventsListPage.js
+++ b/src/frontend/src/pages/EventsListPage.js
@@ -40,7 +40,7 @@ import Footer from '../Footer.js';
 import FriendlyTime from '../Components/FriendlyTime';
 import PageHeader from '../PageHeader';
 import RouteSearch from '../Components/map/RouteSearch';
-
+import trackEvent from '../Components/TrackEvent.js';
 // Styling
 import './EventsListPage.scss';
 import '../Components/Filters.scss';
@@ -227,6 +227,7 @@ export default function EventsListPage() {
   };
 
   const handleRoute = (event) => {
+    trackEvent('click', 'event', 'events list page', event.event_type, event.event_sub_type);
     navigate('/', {state: event});
   };