CMS-363: Update snowplow tracking (#1504)

* CMS-363: Update snowplow tracking

* CMS-363: Add onRouteUpdate back

src/gatsby/gatsby-browser.js

@@ -5,14 +5,21 @@ import "bootstrap/dist/js/bootstrap.bundle"
 import "@fortawesome/fontawesome-free/css/all.min.css"
 import "./src/styles/style.scss"
 
+import React from "react"
+import useSnowplowTracking from "./src/utils/useSnowplowTracking"
+
 export const onRouteUpdate = ({ location, prevLocation }) => {
-  if (typeof window.snowplow === 'function') {
-    window.snowplow("trackPageView");
-    // refresh snowplow link click tracking to pick up new links
-    window.snowplow("refreshLinkClickTracking");
-  }
   sessionStorage.setItem("prevPath", prevLocation ? prevLocation.pathname : null);
-};
+}
+
+const SnowplowWrapper = ({ element }) => {
+  useSnowplowTracking()
+  return element
+}
+
+export const wrapPageElement = ({ element }) => {
+  return <SnowplowWrapper element={element} />
+}
 
 // work-around for gatsby issue -- fix scroll restoration
 // see https://github.com/gatsbyjs/gatsby/issues/38201#issuecomment-1658071105

src/gatsby/src/utils/useSnowplowTracking.js

@@ -0,0 +1,13 @@
+import { useEffect } from "react"
+
+const useSnowplowTracking = () => {
+	useEffect(() => {
+		if (typeof window.snowplow === "function") {
+			window.snowplow("trackPageView")
+			window.snowplow("refreshLinkClickTracking")
+		}
+		// empty dependency array ensures this runs on mount and unmount
+	}, [])
+}
+
+export default useSnowplowTracking